IE6中a:hover选择子元素失效

最新推荐文章于 2022-04-12 21:58:42 发布

鬼眼邪神

最新推荐文章于 2022-04-12 21:58:42 发布

阅读量459

点赞数

分类专栏：浏览器兼容

本文链接：https://blog.csdn.net/u010200222/article/details/45622633

版权

浏览器兼容专栏收录该内容

13 篇文章 0 订阅

订阅专栏

1.问题代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<title>HTML5</title>
		<style>
			a:hover span {
				display:none;
			}
		</style>
	</head>

	<body>
		<a href="" title=""><strong>我是</strong><span>中国人</span></a>
	</body>
</html>

在其它浏览器中，当把鼠标放到链接上时，“中国人”这三个字会消失，但是在IE6中不会。

2.解决方法

要解决这个问题就必须触发a:hover的haslayout，例如a:hover { display:inline-block;}或者a:hover { zoom:1;}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

鬼眼邪神

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
IE6中a:hover选择子元素失效

h2{font-size:16px;font-weight:bold;}pre{overflow-y:scroll;height:300px;border:1px solid #999;}1.问题代码 HTML5 a:hover span { display:none; } 我是中国人在其它浏览器中，当把鼠标放到链接上时，“中国人”这三个字会消失，但是在IE
复制链接

扫一扫