<div data-title="标题" class="tip"></div>
.tip:after {
content:attr(data-title)
//在这里设置好title出现的位置就好了
}
你要做的实际上是,含有超链接的元素,普通状态是隐藏的,当鼠标指向某个元素时,显示此隐藏元素。
所以,超链接实际上是html元素,而不是css属性值。
而 hover 是来控制这个元素显示和隐藏的。
最简单的代码类似:
.tip {display:none}.exp:hover .tip{display:block}
<p class="exp">鼠标指向显示连接内容
<a href="http://www.ddcat.net/" class="tip">使用CSS隐藏这个a元素</a>
</p>
这里注意,ie6不支持非a元素的hover,所以要兼容ie6,需要使用js
这是因你的CSS的写法不规范的原因。遨游使用的是IE6的内核,所以IE正常遨游也肯定正常。如果我猜不错在IE7,IE8里也会变形。
CSS专业讨论群
84802120
注明来源。。。。授渔不授鱼