这并不完全是在 CSS 中为网站制作背景图像,因此暂时不要将其标记为重复。
我需要复制以下背景,但在 CSS 中。我在网站上实现了各种渐变,但这更像是屏幕边缘的变暗,我不知道如何实现,尤其是在 CSS 中。如果有一个很好的方法可以用图像做到这一点,请告诉我。
谢谢!
这并不完全是在 CSS 中为网站制作背景图像,因此暂时不要将其标记为重复。
我需要复制以下背景,但在 CSS 中。我在网站上实现了各种渐变,但这更像是屏幕边缘的变暗,我不知道如何实现,尤其是在 CSS 中。如果有一个很好的方法可以用图像做到这一点,请告诉我。
谢谢!
您可以尝试插入http://jsfiddle.net/46JxH/box-shadow
box-shadow:inset -70px 0 200px -30px rgba(0,0,0,.75);
或背景图片background-size
:100% 100%;。
如果您将使用图像,您可以尝试CSS3
background-size:cover
html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
你可以在这里阅读更多