添加background-image：no-repeat后背景消失了；

Question

我正在嘗試為我的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;
}

這是我的帶有背景圖像的CSS代碼。 我調整了尺寸，因為圖片

對於我的網站來說很大。 和！ 添加背景重復：不重復之后，

背景不可顯示。 我只看到白色背景。

當然，我用谷歌搜索找到了解決方案，但是幾乎所有人都在說

關於語法錯誤，但是我在代碼中找不到任何語法錯誤..

Answer 1

檢查這個小提琴。 問題是您在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;
}