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