-
z-index在IE的兼容问题，鼠标移到到图片上不显示设置的鼠标样式30
<div class="wrap"> <div class="inner"> <img src="http://tp1.znimg.com/hotel_images/12680/40101033_2_1_0_2.jpg"> </div> <a href="javascript:;" class="prev">上一张</a> <a href="javascript:;" class="next">下一张</a> </div>
.wrap{width:500px;position:relative;z-index:0;} .inner{height:390px;overflow:hidden;} .wrap a{display:block;width:250px;height:390px;position:absolute;top:0;overflow:hidden;text-indent:-999px;} .wrap a.prev{cursor:url("http://tp1.znimg.com/v5/images/1-left.cur"), auto} .wrap a.next{left:250px;cursor:url("http://tp1.znimg.com/v5/images/1-right.cur"), auto}
问题：在IE浏览器(6,7,8)中，当鼠标移动到图片上的时候，设置的鼠标样式不起作用，火狐和谷歌都没问题，希望大侠能帮我解决，谢谢了2013年3月31日 12:45
添加评论
关注(0)1个答案 按时间排序 按投票排序
-
原因是在IE下对于<a>只鼠标放在文字上时cursor才会生效，不信你将文字显示出来将鼠标放上去绝对有效，在IE下一个元素加背影色后cursor也会生效，所以你要给a将上背景色，并设成完全透明就行了。
将下面的样式加到a上就OK了background:#fff;filter:alpha(opacity=0);2013年4月01日 13:29
相关推荐
- `z-index`：确保下拉菜单可以覆盖在页面其他内容之上。 - `border-radius`：使得下拉菜单的边框可以有圆角，增强视觉效果。 样式层面上的这些属性在现代浏览器中均有良好的支持，但在老旧浏览器如IE6中，可能...
本问题中提到的功能是当鼠标移动到图片的左侧显示左箭头，右侧显示右箭头，这一效果可以通过CSS来实现。下面将详细介绍如何通过CSS的`cursor`属性以及元素的`position`属性来完成这个任务。 首先，我们要了解`...
-在2009-03-03 v1.3.0曾经提到这个兼容问题，并有这样的规则，如果Asp.net的按钮AJAX提交，必须设置UseSubmitBehavior="false" --也就是说生成的input的type不能是"submit"，而这个限制在有些情况下是不可原谅的...
-实际上IE7下所以的回发都慢，原因是客户端的Base64编码速度慢，已经使用encodeURIComponent来代替Base64编码。 -俄语翻译(feedback:vbelyaev)。 +2010-06-30 v2.3.1 -ExtAspNet控件将不在依赖ViewState，...
:hover 匹配鼠标悬停在元素上时的状态 :active匹配鼠标激活时元素的状态 超链接、文本框、 密码框点击的时候，就是active。 :focus匹配元素获取焦点时的状态 文本框 和密码框 5.尺寸与边框 1.单位 1.尺寸单位 ...
当用户将鼠标移到某个列表项上时，我们可以通过修改DOM元素的类名（比如添加或移除`.cur`类）来改变其样式，同时切换关联内容区域的显示状态。可以使用`addEventListener`或`attachEvent`（对于IE6/7）来绑定事件...
- 鼠标悬停效果：利用`onmouseover`和`onmouseout`事件，当鼠标移过或离开元素时，触发特定的变化。 - 动态内容加载：通过AJAX（异步JavaScript和XML）技术，不刷新页面的情况下更新部分内容。 - 层叠效果：利用...
在实际应用中，我们还需要考虑浏览器兼容性问题。虽然大部分现代浏览器都支持CSS3，但老版本的IE可能不支持某些特性。因此，可以使用渐进增强或优雅降级的策略，为不支持CSS3的浏览器提供备选样式。 总结，这个...
本文主要介绍的是如何使用JavaScript实现一个车标图片的提示效果，这是一种常见的交互设计，当用户鼠标移过某个元素（在这个案例中是车标的链接）时，会显示对应的车标图片作为提示。以下是实现这个效果的关键技术和...
5. 标准模式下IE滚动条颜色设置：在HTML标签上设置滚动条样式，因为IE在标准模式下不会响应在body上的滚动条样式。 6. 文本不换行溢出：通过`white-space: nowrap`，强制文本在一行内显示，超出部分不会换行。 7. ...