[英]<A HREF> + <DIV> combo not working on Google Chrome
我正在使用帶有以下html代碼的水平菜單:
<table class="tabellacontent">
<tr>
<a class="mesitab" href="link"><td><div class="tabmese">Gen</div></td></a>
<a class="mesitab" href="link"><td><div class="tabmese">Feb</div></td></a>
<a class="mesitab" href="link"><td><div class="tabmese">Mar</div></td></a>
<a class="mesitab" href="link"><td><div class="tabmese">Apr</div></td></a>
<a class="mesitab" href="link"><td><div class="tabmese">Mag</div></td></a>
<a class="mesitab" href="link"><td><div class="tabmese">Giu</div></td></a>
<a class="mesitab" href="link"><td><div class="tabmese">Lug</div></td></a>
<a class="mesitab" href="link"><td><div class="tabmese">Ago</div></td></a>
<a class="mesitab" href="link"><td><div class="tabmese">Set</div></td></a>
<a class="mesitab" href="link"><td><div class="tabmese">Ott</div></td></a>
<a class="mesitab" href="link"><td><div class="tabmese">Nov</div></td></a>
<a class="mesitab" href="link"><td><div class="tabmese">Dic</div></td></a>
</tr>
</table>
使用以下CSS:
.tabellacontent{
margin:auto;
position:relative;
width:95%;
text-align:center;
}
.mesitab{
text-decoration:none;
}
.tabmese{
color:rgb(0,56,130);
margin:auto;
position:relative;
border:2px solid #000;
border-color:rgb(82,115,154);
width:100%;
height:15px;
top:1px;
text-align:center;
vertical-align:middle;
background-color:silver;
font-size:12px;
}
.tabmese:hover{
color:white;
background-color:rgb(49,87,132);
cursor: hand;
}
我的問題是此代碼可在IE(7/8)上運行,但在Google Chrome上不起作用。
我怎么解決這個問題?
這里有一個指向jsFiddle的鏈接
首先, tr
應該有它的孩子,因為td
您有錯誤的html。
解決方案將a
標簽放在td
和div
標簽中,然后將padding
和div
margin
設置為0,然后使標簽display:block
覆蓋整個td。
我正在學習j-query mobile,但發現chrome的href存在一些問題,這些項目無法在chrome的本地驅動器中運行,您必須將其上傳到服務器。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.