简体   繁体   English

<A HREF>+</a> <DIV> <A HREF>组合不适用于Google Chrome</a>

[英]<A HREF> + <DIV> combo not working on Google Chrome

I'm using an horizontal menu, with this html code: 我正在使用带有以下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>

​ With the following CSS: 使用以下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;
}​

My problem is that this code works on IE (7/8), but it does not work on Google Chrome. 我的问题是此代码可在IE(7/8)上运行,但在Google Chrome上不起作用。

How can I solve this problem? 我怎么解决这个问题?

Here there is a link to jsFiddle 这里有一个指向jsFiddle的链接

First of all tr should have its just child as td you have a wrong html. 首先, tr应该有它的孩子,因为td您有错误的html。

Solution Place the a tag in the td and div tag then make padding and margin of div to 0 then make a tag display:block to cover the entire td. 解决方案a标签放在tddiv标签中,然后将paddingdiv margin设置为0,然后使标签display:block覆盖整个td。

我正在学习j-query mobile,但发现chrome的href存在一些问题,这些项目无法在chrome的本地驱动器中运行,您必须将其上传到服务器。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM