div+css中关于ie浏览器中非啊元素的:hover的实现问题,哪位大神指点下啊
球助啊,哪路大神指点下啊
在FF中没问题,在IE中没反应,这个要怎么兼容ie?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
div,ul,li,a,h4,p {margin:0; padding:0; font-size:12px; line-height:18px; list-style:none}
div {margin:100px auto; width:300px;}
a {color:#060;}
a:hover {color:#000;}
span {color:#00F; margin-left:10px}
a:hover span {color:#003;}
a:hover span:hover {color:#F00;}
</style>
</head>
<body>
<div>
<ul>
<li>
<a href="" class="my">过去式<span>神经病毒</span></a>
</li>
</ul>
</div>
</body>
</html>
追问:没有效果啊,大湿
答案:关于DIV/CSS布局中非a元素的hover伪类兼容问题你可以去找一些资料看看,或者咨询下相关专家帮你解答。 我可以尝试帮你看看 这个简单,如果还没解决
其他:将span {display:block;color:#00F; margin-left:10px;} 你多加上一个把span转换成块元素就可以了。
上一个:刚学完DW8的使用,现在想自己自学一下html语言、css、js和asp动态网页设计方面的书,谢谢各位大虾了~!
下一个:css jquery代码中为什么宽度这样设定.menu li ul 150px;.menu li ul a 110px;.menu li a中padding的20px