Closed. This question needs details or clarity。它当前不接受答案。
                            
                        
                    
                
                            
                                
                
                        
                            
                        
                    
                        
                            想改善这个问题吗?添加详细信息并通过editing this post阐明问题。
                        
                        6年前关闭。
                                                                                            
                
        
我已经从colorzilla生成了此图像,并想将其应用于身体,但是线条清晰。谁能帮我解决这个问题?

http://jsfiddle.net/7Qr4m/

body {
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(226,226,226,1) 100%);
 /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(226,226,226,1)));
 /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%);
 /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%);
 /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%);
 /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%);
 /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=1 );
 /* IE6-9 fallback on horizontal gradient */;
}

最佳答案

在您的示例中,两个html / body的高度均为0

添加以下内容将解决此问题:

jsFiddle example

body, html {
    height: 100%;
}

关于css - 如何将colorzilla生成的CSS应用于body元素,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/20510761/

10-09 14:05