mdsk.net
当前位置:首页 >> CSS中 hovEr 属性在IE上无效 >>

CSS中 hovEr 属性在IE上无效

应该是IE 只支持a标签的 hover状态 如果我的回答解决了你的问题,请帮忙点去点击一下我的网站,作为回报。一个苦逼SEO人员的请求

用JQ解决。。你加载个JQ 用代码试试 $("p").hover(function(){ $("p").css("background-color","yellow"); },function(){ $("p").css("background-color","pink"); });

用JQ试试。 代码如下 $("p").hover(function(){ $("p").css("background-color","yellow"); },function(){ $("p").css("background-color","pink"); });

ie以前是只支持超链接a上面的伪类样式,好像是在css3出来之后才ie9才开始支持其他元素上的伪类样式,所以你要么把文档申明改成,变成html5的声明,这样就支持css3了,或者在你的按钮外再包裹一个父级a连接。再把上面的样式改成这个a连接的样式。 ...

a hover中的a是指标签,hover指的是鼠标移入后的效果 你写错了,应该是 a:hover{ } , 而你写的是 a hover:[ ]

经测试IE8下正常,但IE7下出现了你描述的问题,可能你的IE8开启了IE7的浏览器渲染模式。该问题是IE6/7的一个bug,即透明元素不响应hover事件,你例子中的a标签没有任何背景颜色,所以IE6/7下鼠标悬停a标签内除边框、文字以外的区域将无法触发hov...

你先把样式写到html里面页面里面看看有没有效果,然后直接写行内背景图片的样式,看看图片有没有出来,我觉得有可能是优先级的兼容问题,也有可能是缓存的问题,你是在ietest里面测试的吗?那ie8还是在用系统的浏览器

分析: 如果是外部引用的CSS文件,请检查引用路径是否正确! 检查CSS代码文件中,一些符号是否多写或者少些,很多时候容易少些一个结束的“;”导致CSS代码加载不完! 关于 li a:hover 小案例:

如果是a标签的话,给a标签加一个display:block; 也就是你下面那张图片中最下面一个样式

在使用 link的时候,要使用如下顺序,否则hover则没有任何效果 a:link a:visited a:hover a:active

网站首页 | 网站地图
All rights reserved Powered by www.mdsk.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com