圖片鏈接在任何瀏覽器

Im相當新的HTML不會工作/ CSS所以也許這是一個非常簡單的事情，但沒有我的圖片網站的一個頁面上的鏈接顯示出來，當我嘗試點擊他們的形象示人，但鏈接永遠不會出現光標從不改變反正這裏是代碼的相關部分圖片鏈接在任何瀏覽器

<div id="content"> 
<div id="imagelink"> 
    <a href="#"><img border="0" src="Images/pic.png" alt="A Picture" /></a> 
</div>

#imagelink { 
background-image:url("Images/file.png"); 
display:block; 
height:224px; 
width:401px; 
text-indent:-9999px; 
position:absolute; 
left:15%; 
top:25%;

}

來源

2011-03-06 shane12195

你能舉個例子嗎？我不完全確定爲什麼你會爲這個#imagelink這樣使用CSS，除非它涉及到其他一些CSS。隨着-9999 TEXT-INDENT您的圖像鏈接可能被推離屏幕左邊... – 2011-03-06 01:40:20

只使用嘗試當一個CSS版本我在一些網站上發現，但它沒有工作，一旦我刪除文本縮進它仍然沒有工作 – shane12195 2011-03-06 01:43:13

儘量不要使用img標籤，而是使用一個div爲你的形象：

<a href="#" target="_BLANK"> 
<div class="myImage"></div> 
</a> 

.myImage{ 
    background: url(Images/file.png) no-repeat top center; 
    height: 224px; 
    width: 401px; 
}

來源

2011-03-06 01:38:46

對不起@Ben B wouldnt工作 – shane12195 2011-03-06 01:47:45

什麼不工作，鏈接？ – 2011-03-06 01:49:59

有趣的原因這個工作得很好我的網站上.. – 2011-03-06 01:50:55

<div id="imagelink"> 
    <a href="#"><img border="0" src="Images/pic.png" alt="A Picture" /></a> 
</div>

來源

2011-03-06 01:32:44 Joseadrian

而如果你沒抓住......你錯過了''結束你的''標籤。 – Kai 2011-03-06 01:34:40

仍然心不是工作 – shane12195 2011-03-06 01:37:38

變化'HREF =「＃」''通過HREF =「圖像/ pic.png」'... – Joseadrian 2011-03-06 01:41:37

如果你的服務器是大小寫敏感的改變圖像到影像
加./或http://domain.com/path/to/images/的路徑

來源

2011-03-06 01:33:45 n00b

哦從不介意的。我誤解了圖片不工作：D – n00b 2011-03-06 01:35:14

圖片鏈接在任何瀏覽器

回答

相關問題