IE中绝对定位cursor样式失效

最新推荐文章于 2022-04-02 21:24:00 发布

purecss

最新推荐文章于 2022-04-02 21:24:00 发布

阅读量692

点赞数

分类专栏：原创文章标签： ie bug

原创专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DEMO</title>
<style type="text/css" media="all">
#test,
#test2 {
	width:100px;
	height:100px;
	cursor:pointer;
	position:absolute;
	border:1px solid #ccc;
	line-height:4em;
	display:inline;
	visibility:visible;
	top: 46px;
}
#test2 {
	left:120px;
	background-color:red;
}
</style>
</head>
<body>
<div id="test"></div>
<div id="test2"></div>
</body>
</html>

分析：使用了绝对定位后这个区的鼠标样式不起作用，里面如果有文字或图片，文字，图片有效果，对区块加入补白或背景色或边框都有效果，其它方法也尝试过，但均不作用。