Question

关于css的absolute显示的位置在ie和chrome的差异的问题

我的html代码如下：
<a href="#" class="tip">tip <span class="tipbox">tip content </span> </a>
Css如下：
a.tip{ color:Red; text-decoration:none; position:relative; }
a.tip span{ display:none;}

a.tip:hover{ cursor:pointer;}
a.tip:hover .tipbox{ display:block; position:absolute; top:-10px; left:0px; width:100px; background-color:Green; color:Blue; padding:10px;}

大家可以看到，我希望鼠标移动到tip上的时候，把里面的tipbox显示出来。
但是在ie和google chrome里，他们显示的位置是不一样的，高度不一样，请问怎么设置让他们显示在一个高度？

谢谢！

Answer 1

需要写一个css hack，先试一下，在chrome里面，tipbox在合适的位置时，top值是多少，假设这个值是a1，然后在试一下，在ie里面，tipbox合适位置的top值是多少，假设为a2，
然后，在a.tip:hover .tipbox里面写top:a1;*top:a2，就可以了

因为chrome无法识别前面加*的属性，而ie可以识别，所以可以实现在不同浏览器中css选择性地表现属性

Answer 2

www.google.com

Answer 3

f