html元素背景使鏈接無法點擊

我有三個鏈接<a>有背景的元素，但鏈接的一半不可點擊，因爲背景與文本重疊。有誰知道解決方案？html元素背景使鏈接無法點擊

這裏是我做了什麼

<html> 
<head> 
    <style> 
    li  
    { list-style-type:none; 
     list-style:none; 
     position:relative; 
     height:100px; 
    } 
#middle 
{ width:350px; 
    background:url("images/middle.png"); 
    left:405px; 
    height:250px; 
    padding-top:50px; 
    background-size:100%; 
} 
#left 
{ left:275px; 
    width:240px; 
    height:150px; 
    padding:150px 60px 0 0; 
    background:url("images/left.png"); 
    background-size:100%; 
} 
#right 
{ left:580px; 
    width:235px; 
    height:150px; 
    padding:150px 0 0 70px; 
    background:url("images/right.png"); 
    background-size:100%; 
} 
    #test 
    { height:325px; 
    } 
    .Item 
    { position:absolute; 
    font-size:33px; 
    float:left; 
    margin:15px; 
    font-family: Georgia, Times, "Times New Roman", serif; 
    text-align:center; 
} 
    </style> 
</head> 
<body> 
<ul id="test"> 
    <li id="left" class="Item"><a href="#">I want to<br>have some<br>text here</strong></a></li> 
    <li id="middle" class="Item"><a href="#">I want to<br>have some<br>text here</strong></a></li> 
    <li id="right" class="Item"><a href="#">I want to<br>have some<br>text here</strong></a></li> 
</ul> 
</body> 
</html>

來源

2013-05-09 user2366123

HTML似乎被打破。您有幾個關閉''標籤，但沒有開放''標籤來匹配它們。 – Boaz 2013-05-09 12:23:46

+0

@Boaz是正確的，通過http://validator.w3.org/#validate_by_input運行它;糾正這些錯誤將有助於長遠。 – 2013-05-09 12:28:42

+0

你爲什麼要休息。限制你的href大小會更有意義，增加z-index不會解決這個問題，你有一些主要的編碼問題，如Boaz所說的。 – Cam 2013-05-09 12:52:06

添加Z-指數這樣一個例子：如圖所示的頁面

#middle 
{ width: 350px; 
    background: url("images/middle.png"); 
    left: 405px; 
    height: 250px; 
    padding-top: 50px; 
    background-size: 100%; 
    z-index: 2; 
}

來源

2013-05-09 12:24:09

#left怎麼樣？ – Nitesh 2013-05-09 12:28:11

我已經玩過z-index了，但問題是無論我把哪個物品放到前面，它都會與其他物品重疊。這裏是我正在嘗試做的事情www.jpginc.com.au/temp.html正如你所看到的，無論我使用什麼z-indexing，一些文本都會重疊...除非我錯過了某些東西？ – user2366123 2013-05-10 01:13:24

也許你可以合併三張照片到一個。然後，使用新的合併圖片作爲背景圖片開始佈局。當我想要構建我的網站時，我總是繪製我的網站草圖。我將整個測試div作爲整體併爲其設置背景圖片屬性感謝我的表達。希望解決你的問題。

來源

2013-05-10 14:03:29

這將工作，除了我有一個JavaScript函數，它將圖片移動到鼠標光標時它變得接近，所以我需要單獨的圖片。我真正需要的只是使文本可點擊，而不是背景。那可能嗎？ – user2366123 2013-05-11 01:17:33

html元素背景使鏈接無法點擊

回答

相關問題