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

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

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


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

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

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

其他方法参考
http://www.candoudou.com/archives/148
0
顶
3
踩
分享到：
| UL完美居中的方法［转］
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    网页排版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()`函数，其参数为模糊半径，单位通常为像素。...

Magicbox
Global site tag (gtag.js) - Google Analytics