我们先来看看DEMO,请在IE8以下版本查看,,效果可以到来源网址看:http://www.jqyang.com/ie_shield_img/
我们可以看到,在第一张图像中,div不能获取到焦点。而在第二章图像中,div却能获取到焦点(我把div的cursor样式设为了pointer)
话不多说,解决方法就是把div的背景图像填充上。
在这里,我把第二个div添加上背景样式
1
|
|
效果在IE下也能出来了。
用处:
可以用在鼠标悬浮在图像上有显示左右或者上下的箭头,提示用户可查看上下张图片。
相关推荐
IE和谷歌浏览器下div宽度不一致的问题解决.txt
今天我说说iframe解决的一般方法,已经使用jQuery插件bgiframe解决IE6 select z-index无效,遮挡div的bug。 解决方法之一:Iframe包裹select元素 使用iframe包住select,这样iframe有z-index,只要在div上设置的z-...
Div模态对话框,全屏遮挡,对话框里的图片居中定位,支持IE,Firefox,傲游,360安全浏览器
div错位解决IE6IE7IE8样式不兼容问题
解决IE6 中select 穿透 div 等层的问题
NULL 博文链接:https://wangyispider.iteye.com/blog/788810
给大家介绍了div被iframe遮住的一些情况,以及被遮住后的解决办法,有需要的朋友们可以参考借鉴。
由于select是window控件,它会遮挡被定位的元素,可以使用该jquery插件解决问题.这里有详细的举例说明.
1,隐藏元素无法获取焦点 2,对于div等特殊元素获取焦点 关于元素获取焦点 body { margin: 32px; font-family: Verdana, sans-serif; font-size: 14px; } .title { font-size: 18px; font-weight: bolder;margin...
/** * 让iframe 显示在 指定的div下面 针对ie6 select挡住div 的bug 采用 iframe来当作div的底 * * @param string divId 需要解决的div层 * @param string iframeId 采用的 IFRAME ,如果不指定 自动...
介绍: 效果演示:麦田圈 只要在层里面加上下面代码就可以了~ <iframe src="" frameborder=0></iframe>
本文实例讲述了绝对定位元素被遮挡的解决方法。分享给大家供大家参考。具体方法如下: ie7下 绝对定位元素即使z-index值很高,如果其设置相对定位的父元素没有设置z-index值的话,其可能(这种可能性当然是布局存在...
div100%平铺 浏览器缩小或在手机上查看 div背景显示不全bug的解决,亲测有效!
DIV+CSS IE圆角,让IE也能支持圆角
你可以用 深度(z-index)试试。下面是举的一个小例子: #a{ position:absolute; top:80px; left:100px; z-index:1; } #b{ position:absolute; top:70px; left:160px; z-index:0; }
DIV遮挡问题
火狐下resize无效解决方案,解决火狐下资源resize事件无效问题方法
div错位解决IE6、IE7、IE8样式不兼容问题IE6里DIV错位的问题.doc
div中的内容没有把div撑开的原因及解决办法
ie6下select覆盖div的解决办法