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

IE的mouseover, mouseour透明颜色下的问题

 
阅读更多
在IE6,7,8,9 中,都存在一种情况, 就是如果两个Div重叠在一起,如果上面的Div的背景色是transparet, 那么在上面Div写的mouseover, mouseout效果将触发到下面的Div,导致Div的事件失效问题。

解决方法,Ie9可以使用background-color: rgba(0,0,0,0); 即给一个透明的颜色覆盖住。 但是Ie7,8都不支持rgba。所以通用的方法是

background-color: rgb(0,0,0);
filter: alpha(opacity=0);
分享到:
评论

相关推荐

    IE应用了filter后mouseover事件异常

    标题“IE应用了filter后mouseover事件异常”涉及的是在Internet Explorer浏览器中,当CSS滤镜(filter)属性被使用后,可能导致鼠标悬停事件(mouseover)处理程序出现不正常行为的问题。这个问题通常与IE浏览器特有...

    jQuery的mouseover操作div

    鼠标在移入到td上面之后,在td的相对位置浮动出一个div,基于相对位置。 jQuery的mouseover操作div。 使用jQuery获取鼠标所在元素。

    asp.net菜单(支持IE6 7 8 9)

    asp.net菜单(支持IE6 7 8 9)asp.net菜单(支持IE6 7 8 9)asp.net菜单(支持IE6 7 8 9)asp.net菜单(支持IE6 7 8 9)asp.net菜单(支持IE6 7 8 9)asp.net菜单(支持IE6 7 8 9)asp.net菜单(支持IE6 7 8 9)asp.net菜单(支持IE...

    JS中mouseover和mouseout多次触发问题如何解决

    针对标题“JS中mouseover和mouseout多次触发问题如何解决”,主要内容探讨的是在JavaScript中使用jQuery库时,处理mouseover和mouseout事件由于事件冒泡导致的多次触发问题。当用户使用鼠标在页面元素间移动时,这些...

    javascript中mouseover、mouseout使用详解

    以上方法可以有效解决在不同的浏览器环境下处理mouseover和mouseout事件时出现的兼容性问题和事件冒泡的问题。不过需要注意的是,实际应用中需要根据目标浏览器的版本和特性选择合适的解决方案。随着浏览器技术的...

    在WPF中做出透明按钮

    总结来说,创建一个在WPF中使用的透明按钮涉及理解WPF的`Button`组件、样式定义、资源字典的使用以及在不同状态下的样式触发器。通过这种方式,我们可以创建出具有独特视觉效果的按钮,增强用户界面的交互体验。

    以css 做出mouseover 即放大圖之效果

    利用切割好的圖片組合,及CSS標箋,在不使用javascript條件下完成mouseover放大區域圖片的效果

    Mouseover Fade Effect.zip

    "Mouseover Fade Effect.zip" 是一个压缩包,其内容很可能包含了一个关于网页设计中鼠标悬停淡入效果的实现教程或代码示例。这个效果通常用于提升用户交互体验,当用户将鼠标指针悬停在特定元素上时,该元素会逐渐变...

    jQuery中mouseover事件用法实例

    此主题深入浅出地介绍了jQuery框架下mouseover事件的基本用法,并通过实例讲解了如何应用此事件来响应鼠标指针滑过元素时的交互行为。现在,我将详细分析该主题所包含的知识点。 首先,mouseover事件是JavaScript和...

    jquery左侧可伸缩水晶透明导航

    对于这种情况,开发者通常需要使用 IE 特有的滤镜(如 `filter`)或者其他技术来尽可能地模拟透明效果,或者在 IE 下采用不同的设计方案,确保在所有浏览器中都能呈现出良好的视觉一致性。 实现这样的导航栏,你...

    javascript经典特效---半透明的表格.rar

    如果只想让表格背景透明,我们可以使用`rgba()`颜色函数,它允许指定颜色的透明度: ```css table { background-color: rgba(255, 255, 255, 0.5); /* 白色背景,50%的透明度 */ } ``` 现在,我们转向JavaScript...

    经过绑定元素时会多次触发mouseover和mouseout事件

    总结来说,当面临因嵌套元素导致的 `mouseover` 和 `mouseout` 事件频繁触发的问题时,可以考虑使用jQuery的 `mouseenter` 和 `mouseleave` 或 `hover()` 方法来优化代码,提高用户体验。同时,为了确保在边界情况下...

    js鼠标滑过图片,在图片上方蒙上一层透明层显示详情内容

    这个功能可以提升用户体验,让用户在不离开当前页面的情况下查看图片的相关信息。下面我们将详细探讨如何利用JavaScript来实现这一效果。 首先,我们需要在HTML中设置基本的结构。创建一个包含图片和透明层的容器,...

    JavaScript 鼠标经过图片时显示半透明文字,边框变色.rar

    在JavaScript编程中,实现鼠标经过图片时显示半透明文字以及边框颜色变化的效果,涉及到的知识点主要包括事件处理、CSS样式操作以及DOM元素操作。以下是对这些技术的详细说明: 1. **事件处理**:在JavaScript中,...

    2.(echarts篇)echarts颜色地图边缘高亮.zip

    你可以自定义这些状态下的颜色和宽度,以达到边缘高亮的效果。 4. **绘制地图** 最后,调用`myChart.setOption(option)`方法来绘制地图: ```javascript myChart.setOption(option); ``` 5. **交互功能** ...

    兼容IE火狐的图片切换源码

    然而,由于浏览器之间的兼容性问题,尤其是Internet Explorer(IE)与Firefox等其他浏览器之间的差异,实现一个跨浏览器的图片切换功能可能会遇到挑战。标题提到的“兼容IE火狐的图片切换源码”就是针对这一问题提供...

    javascript中mouseenter与mouseover的异同

    自己之前在面试的时候就有被问到诸如mouseover和mouseenter事件的异同之类的问题?当时没有答出来,一直也对这两个事件有点模糊不清,趁着最近正在读 zepto源码 ,准备写一篇这方面的文章,如果有错误,请大家指正。...

    google鼠标经过JS特效,IE/FF兼容

    标题中的"google鼠标经过JS特效,IE/FF兼容"指的是一个JavaScript实现的特效,它在鼠标悬停(mouseover)某个元素时,会触发一个特定的动画效果,即上部的图片从小到大闪动出现。这个特效适用于谷歌浏览器(Google ...

    PowerBuilder制作IE风格的图标按钮

    ### PowerBuilder 制作 IE 风格的图标按钮 #### 概述 在PowerBuilder应用程序开发中,为了提升用户体验并使界面更加美观,开发者往往需要定制化地设计控件样式。本文档介绍如何在PowerBuilder中实现类似Internet ...

Global site tag (gtag.js) - Google Analytics