`
Jabbar2011
  • 浏览: 165485 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

IE使用滤镜后链接无法触发点击、hover等事件

    博客分类:
  • css
阅读更多
IE BUG之使用滤镜后链接无法触发点击、hover等事件的解决方案


有个div的背景是个png的图片,在IE6下需要使用滤镜使它透明,但它下面的a标签的hover效果(包括绑定的事件)就没法显示,且链接也无法点击。

解决方法1:给a标签加个相对定位(position:relative;)

但是,有时候我们可以利用这个BUG达到特殊的效果

其他方法参考
http://www.candoudou.com/archives/148
0
3
分享到:
评论

相关推荐

    网页排版IE6兼容性问题修改方法

    IE6对CSS高级选择器(如`:hover`应用于非链接元素,`:first-child`等)支持有限,需使用JavaScript或降级样式处理。 7. **定位问题** `position:absolute`在IE6下可能无法正常工作,需要使用`position:relative`...

    好看的CSS按钮(兼容IE6)

    这包括使用PNG图片模拟渐变和圆角,以及使用特定的IE滤镜来实现渐变效果。同时,HTML结构和CSS选择器的选用也需要考虑IE6的兼容性限制。通过这样的方式,我们可以在保持设计美感的同时,确保老旧浏览器的用户也能...

    ie6中页面的bug

    9. **透明度处理**:IE6不支持CSS的`opacity`属性,可以使用滤镜`filter:alpha(opacity=xx)`来实现透明效果,但需要注意这会影响性能。 10. **浮动元素的清除**:在IE6中,浮动元素的清除有时会出现问题,可以使用`...

    CSS兼容IE和Firefox的技巧集合

    例如,透明度的处理,IE8及以下版本使用滤镜(filter)属性,如`filter: alpha(opacity=50)`,而Firefox则使用`opacity: 0.5`。对于渐变、阴影等高级效果,可以使用CSS3 Pie库(http://css3pie.com/)来让IE支持。 ...

    ie6bug问题解决

    5. **CSS选择器支持不足**:IE6不支持许多CSS3选择器,如`:hover`应用于非链接元素、`:first-child`等。对于这些情况,可能需要编写额外的针对IE6的CSS规则,或者使用JavaScript进行补偿。 6. **CSS Sprites问题**...

    FF 与 IE 中部分JS、CSS区别

    - FF支持`opacity`属性,而IE6-8需要使用滤镜`filter: alpha(opacity=xx)`来实现透明效果。 6. **浮动**: - **清除浮动**:FF支持`clear:both`,而IE6需要额外的空元素或`zoom:1`触发hasLayout来清除浮动。 要...

    兼容火狐、IE、OPERA的滑动门

    JavaScript部分可能使用了时间函数(如setTimeout或requestAnimationFrame)来控制滑动动画的平滑度,以及鼠标悬停事件(hover)来触发滑动效果。 此外,为了使滑动门在不同分辨率和屏幕尺寸的设备上表现良好,响应...

    IE6下PNG图像透明完美解决方案–DD_belatedPNG

    2. **引入JS文件**:下载完成后,在需要使用PNG图像透明效果的页面中,通过以下方式引入JS文件,并通过条件注释确保只在IE6中加载此脚本。 ```html <!--[if gte IE 6]> ...

    jquery鼠标移到Image上方时显示文字效果

    在这个代码段中,`mouseover`事件触发时,我们设置了`#hover-text`的内容(`imgDesc`),然后使用`fadeIn`方法使其逐渐显现。当`mouseout`事件发生,即鼠标离开图片时,`fadeOut`方法会让文字逐渐消失。 至于描述中...

    10个技巧帮你搞定IE 6

    IE6不支持CSS透明度,对于需要透明效果的PNG-24图像,可以使用AlphaImageLoader滤镜来解决,例如: ```css .png-fix { behavior: url(/iepngfix.htc); } ``` 注意,这种方法可能会影响性能,所以只应在必要时...

    jquery-multiselect在ie6里的一个bug的解决方法

    在调试过程中,我们发现第一个选项触发了相应的事件,添加了预期的`.hover...`类,但仍然没有背景色。通过对其他选项进行测试,发现它们的左边border颜色在鼠标悬停时显示为红色,而第一个选项没有。这可能是由于IE6...

    文件上传input file简便美化方案(css)

    需要注意的是,在上述代码中提到,IE6无法进行完整的美化,这主要是因为IE6本身对CSS的支持不完善,例如不支持:hover伪类和不支持PNG格式的透明图片。因此,只能应用部分美化效果。 最后,需要注意文件上传组件的...

    前端面试-css篇

    在前端面试中,CSS部分是不可或缺的知识点,它涉及到网页的布局、元素隐藏、文本处理、样式继承以及选择器的使用等多方面内容。以下是对这些知识点的详细说明: 3.1 CSS布局的理解: CSS布局是指如何在网页上合理地...

    JS模拟酷狗音乐播放器收缩折叠关闭效果代码

    当设置`opacity`时,同时处理IE的滤镜和标准浏览器的透明度,确保跨浏览器兼容性。 关闭效果的实现主要依赖于JavaScript事件监听和定时器。在HTML中的`a`标签上,我们可以添加一个点击事件监听器,当用户点击关闭...

    鼠标移动到超链接上的效果

    - 使用标准的CSS3滤镜效果替代`blurAlpha`等非标准属性。 - 示例代码中的`filter: blurAlpha`只在旧版本的Internet Explorer中有效,对于其他浏览器可能会导致样式不一致的问题。 2. **增强用户体验**: - 可以...

    很实用的css样式代码案例。

    - **`filter`**:这是一个IE浏览器特有的CSS属性,用于实现滤镜效果,如透明度调整等。 - **`alpha(opacity=50)`**:该属性设置元素的透明度,值范围0到100,其中50表示50%的透明度。 #### 三、背景图像设置 ```...

    css入门笔记

    :hover 匹配鼠标悬停在元素上时的状态 :active匹配鼠标激活时元素的状态 超链接、文本框、 密码框点击的时候,就是active。 :focus匹配元素获取焦点时的状态 文本框 和密码框 5.尺寸与边框 1.单位 1.尺寸单位 ...

    纯CSS3酷炫文字模糊效果特效特效代码

    一、CSS3滤镜:模糊效果 CSS3的`filter`属性是实现文字模糊效果的核心。`filter`可以应用各种图像处理效果,如模糊、灰度、饱和度调整等。对于模糊效果,我们使用`blur()`函数,其参数为模糊半径,单位通常为像素。...

Global site tag (gtag.js) - Google Analytics