Question

我需要在我的网站上为chrome和所有其他浏览器设置此背景图片，但在chrome中它工作完美但在firefox和其他浏览器中无法正常工作。即使对于Firefox，我也试过-moz-标签，但是没有用。

{
    position: relative;
    background:url(backgrdnd2.jpg);
    background-repeat:no-repeat;
    -moz-background-size:100% 100%;
    background-size:100% 100%;
}

Answer 1

<诗歌背景大小：封面;

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size:cover;
background-size: cover;

用于其他浏览器

希望它有所帮助。

Answer 2

所有主流浏览器都支持background属性。请参阅：http://www.w3schools.com/cssref/css3_pr_background.asp

我不确定你在应用这些样式的元素，但也许该元素没有高度或宽度？尝试检查Chrome中的元素或使用Firefox中的Firebug来确定您的背景图片是否正在加载，以及您要应用背景的元素是否可见。

Answer 3

首先，在你的CSS中你应该把选择器，你想在哪里应用样式，例如身体

body {
    position: relative;
    background:url(http://2.bp.blogspot.com/-m7blv8kfKxs/UiAWmV9uJXI/AAAAAAAAJos/RsYP_YC9FbY/s1600/Background-Textures2.jpg);
    background-repeat:no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size:cover;
    background-size: cover;
}

查看此链接以获取有关选择器的更多信息。

http://www.w3schools.com/cssref/css_selectors.asp

我也使用了@EduadoRobles建议，请查看

http://jsfiddle.net/agusgambina/A8nmp/

如何设置背景图像

3 个答案: