背景圖片不能與本地圖片一起使用？

我嘗試了所有使本地圖像顯示背景圖像。我知道我有正確的圖像位置。因爲如果我使用content：url（）;有用。背景圖片不能與本地圖片一起使用？

背景圖片也適用於互聯網上的url圖片位置。但它不會用我的本地圖像渲染。我嘗試了所有可能的位置，並且不會渲染。

這是通向CSS：

<link rel="stylesheet" href="stylesheets/myCSS.css" type="text/css" media="screen">

我的圖片文件夾是在爲我的css文件夾相同的路徑。

以下是HTML代碼：

<div class="col-md-2"> 
    <p>start here</p> 
    <a href="#" class="angelhack"></a> 
    </div>

現在的CSS：enter code here

.col-md-2 .angelhack { 
    height: 65px; 
    width: 188px; 
    display: block; 
    background-image: url(myPicture.jpg) no-repeat 0px 0px; 
    z-index: 1; 
    } 

.col-md-2 .angelhack:hover { 
    background-image: url('http://4.bp.blogspot.com/-SWLJdR2_YzE/TWB- 
EvvBWpI/AAAAAAAAA6U/MVtkwJXED88/s320/donkey.png'); 
    }

任何標籤之前，這是一個重複的問題，我已經找遍了所有這個問題的答案在StackOverFlow上，並遵循所有的建議，我仍然無法讓圖片呈現。我知道圖片位於正確的位置，因爲使用了Chrome和內容：url（）;圖像的作品。有什麼建議麼？

來源

2017-09-01 QuestForMastery

您應該發佈代碼，其中給出的本地映像路徑不是根據您工作的映像路徑。就我個人而言，我認爲你的當地路徑存在問題。 – Sand

如果它顯示任何錯誤，你可以檢查devtools嗎？ –

檢查開發工具，沒有錯誤。 – QuestForMastery

編輯：忽略該URL的文件路徑不在雙引號。

變化：

background-image: url("myPicture.jpg") no-repeat 0px 0px;

要：

background-image: url("myPicture.jpg"); 
background-repeat: no-repeat;

來源

2017-09-01 04:37:39

試試這個，看看它是否工作。

.col-md-2 .angelhack { 
    background: url("../images/bg.jpg") no-repeat; 
//Set your path in the double quote's 
    }

來源

2017-09-01 04:41:31 Sand

我試過了。這是我形象的確切路徑。它位於圖像文件夾中。但我也嘗試製作它的副本並將其放入我的css文件夾和我的html文件夾中。 – QuestForMastery

你可以用給你這個問題的路徑更新你的問題代碼，這樣我們就可以使用它了。 – Sand

確定更新路徑 – QuestForMastery

我用background代替background-image和它的正常工作。並假定圖片與您的html位於相同的文件夾中。

.col-md-2 .angelhack { 
    height: 65px; 
    width: 188px; 
    display: block; 
    background: url("myPicture.jpg") no-repeat 0px 0px; 
    z-index: 1; 
    }

來源

2017-09-01 04:44:00 Rakib

你缺少你""報價

background-image: url(myPicture.jpg);

隨着

background-image: url("myPicture.jpg");

嘗試，

background: url("myPicture.jpg");

此外，

「下面」和「上面」，我的意思是子目錄和父目錄。相對文件路徑給了我們一種雙向旅行的方式。看看我的原始例如：

這裏是所有你需要了解的相關文件路徑：

以「/」返回到根目錄開始，並從那裏開始
與開始「../」移動一個目錄向後，並開始有
用「../../」移動兩個目錄向後啓動，並開始存在（等等...）
前進，剛開始與第一個子目錄，並保持前進

來源

2017-09-01 05:07:07 Hash

你唯一的問題是你寫的background-image

而不是寫像這樣

background-image: url('mypicture.jpg') no-repeat 50px 50px; //the size isn't good there

做這樣的

background-image: url('mypicture.jpg') no-repeat; 
background-size: 50px 50px;

的方式

它會出現像這樣

來源

2017-09-01 05:35:48

背景圖片不能與本地圖片一起使用？

回答

相關問題