在我的頁面上沒有顯示背景圖片

我在正確的文件夾中有圖片，但我想在圖片上添加一個文本框，並且我被告知最好的方法是使圖片成爲背景圖片，但當我跟着一個教程，它從來沒有出現過？反正這裏是我的html在我的頁面上沒有顯示背景圖片

<div class="module"> 
        <h2>blah blah</h2> 
          </div>

和我的CSS

.module { 
    margin: 10px; 
    width: 1530px; 
    height: 717px; 
    display:block; 
    background: url('C:\Users\Jason\Desktop\champions\images\shop.png'); 
    background-size: cover; 
    position: relative; 
} 

h2 { 
    position: absolute; 
    bottom: 100px; 
    left: 100px; 
    background: rgba(0, 0, 0, 0.75); 
    padding: 4px 8px; 
    color: white; 
    margin: 0; 
    font: 14px PTSans; 
}

的圖像出現在屏幕的整個寬度，所以我用引導容器流體和文本框將在中間圖片。

來源

2016-02-19 Chimini

您使用的是本地服務器還是外部託管？ – manualva

辦公室的本地服務器 – Chimini

小提琴可能會幫助我們。嘗試使用背景圖像而不是背景。 – manualva

，您可以調用本地文件作爲背景是這樣的：

background: url("file://PATH-TO/file.jpg");

請記住，括號內的字符串應該提供URL到文件中。

另外，您可以選擇將path放入其中。

background: url("PATH-TO/file.jpg");

來源

2016-02-19 02:22:04 Trix

乾杯隊友，這工作 – Chimini

@Chimini如果這工作，爲什麼你沒有選中它的答案複選標記？ – Trix

它看起來很好你的CSS。嘗試使用firefox或chrome調試器來檢查背景圖片是否可以加載。嘗試更改背景大小的值。有時背景圖片太大，您只能在屏幕上看到它的一部分（可能完全是白色）。

來源

2016-02-19 02:17:47

你的道路是錯誤的試試這個：url('images/shop.png') - 如果你的CSS是在冠軍

來源

2016-02-19 02:27:52 beatrice

更改齒隙。從這個...

background: url('C:\Users\Jason\Desktop\champions\images\shop.png');

對此

background: url('C:/Users/Jason/Desktop/champions/images/shop.png');

乾杯。

來源

2016-02-19 02:33:00 manualva

在我的頁面上沒有顯示背景圖片

回答

相關問題