添加使用HREF ID的圖像，使用CSS

，我需要超鏈接前添加圖像，但我沒有這樣做。

我有這樣的HREF，我需要以上這些鏈接

圖像，但我失敗了，到目前爲止，我試着寫CSS是

background: url("outline.png") no-repeat 6px center; 
    width: 100px; 
    height: 100px; 
    display: block;

但它沒有完美展現，也有一些圖像在背景中，我也嘗試過Z-Index：99999，以顯示在上面。

來源

2017-09-19 Daiyan

你可以嘗試使用：在元素之前。這是根據您的網站代碼

a#launch-tab-4:before { 
 
    content: " "; 
 
    width: 100px; 
 
    height: 100px; 
 
    display: block; 
 
    background: #00aa00; 
 
} 
 
a#development-tab-4:before { 
 
    content: " "; 
 
    width: 126px; 
 
    height: 100px; 
 
    display: block; 
 
    background: #eeaaff; 
 
} 
 
a#planning-tab-4:before { 
 
    content: " "; 
 
    width: 100px; 
 
    height: 100px; 
 
    display: block; 
 
    background: #00eeff; 
 
} 
 
a#brainstorming-tab-4:before { 
 
    content: " "; 
 
    width: 100px; 
 
    height: 100px; 
 
    display: block; 
 
    background: #000; 
 
}

它應該是這樣的

與圖片更換顏色，你可以調節寬度和高度

來源

2017-09-19 20:09:42

不能添加類 – Daiyan

對不起，使用ID，回答更新，每個**標籤的**包含的ID，所以只是重複的代碼爲每一個 –

HTTP ：//prntscr.com/gn7crf，這是如何顯示 – Daiyan

-1

嘗試添加樣式background-size：封面或background-size：包含

我希望這有助於

來源

2017-09-19 20:20:47

添加使用HREF ID的圖像，使用CSS

回答

相關問題