添加背景图像后背景消失:无重复;

时间:2017-04-28 13:14:15

标签: css wordpress background-repeat

我正在尝试为我的wordpress网站设置背景图片。

.content:before {
content: "";
background-image: url("gfx/SevenWonders.jpg");
/*background: #fff;*/
background-size:600px 700px;
background-repeat: no-repeat;
position: absolute;
z-index: -9999;
top: 0;
right: 28.5%;
bottom: 0;
left: -10000px;
}

这是我的带有background-image的css代码。我调整了大小,因为图像

对我的网站来说非常大。和!添加background-repeat:no-repeat后,

背景无法显示。我只看到白色背景。

当然,我用谷歌搜索了解决方案,但几乎所有人都在说

关于语法错误,但我在代码中找不到任何语法错误..

1 个答案:

答案 0 :(得分:0)

检查this小提琴。问题在于您在css中的left属性值。

.content:before {
content: "";
background-image: url("https://placeholdit.imgix.net/~text?txtsize=33&txt=350%C3%97150&w=350&h=150");
/*background: #fff;*/
background-size:600px 700px;
background-repeat: no-repeat;
position: absolute;
z-index: -9999;
top: 0;
right: 28.5%;
bottom: 0;
left: 0px;
}