社区
Windows客户端开发
帖子详情
在ie 10 中有一个select标签被div覆盖(透明度opacity:0),怎么把事件穿透下去打开select 下拉列表
xiaofengxiaoling
2012-12-04 10:40:21
加精
如标题:在ie 10 中有一个select标签被div覆盖(透明度opacity:0),怎么把事件穿透下去打开select 下拉列表?
...全文
5254
110
打赏
收藏
在ie 10 中有一个select标签被div覆盖(透明度opacity:0),怎么把事件穿透下去打开select 下拉列表
如标题:在ie 10 中有一个select标签被div覆盖(透明度opacity:0),怎么把事件穿透下去打开select 下拉列表?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
110 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
zzy853
2015-01-29
打赏
举报
回复
这个好像只能给select 加sizi属性,如果坚持想要下拉的样子的应该只能用在下面写个div在了,因为select标签实在没有“”下拉“”这个动作属性呀
zzy853
2015-01-29
打赏
举报
回复
这个好像只能给select 加sizi属性,如果坚持想要下拉的样子的应该只能用在下面写个div在了,因为select标签实在没有“”下拉“”这个动作属性呀
kisskk2010
2015-01-11
打赏
举报
回复
帮你顶起来
super_Leon
2015-01-08
打赏
举报
回复
<dl class="select"> <dt >选择数据库</dt> <dd> <ul> <s:iterator value="#request.fdList" status="sta" id="item"> <li value="<s:property value="deviceApi"/>"><a href="#"><s:property value="#sta.index+1"/>号数据仓库</a></li> </s:iterator> </ul> </dd> </dl> <dl class="select"> <dt >全部</dt> <dd> <ul> <li><a href="#">全部</a></li> <li><a href="#">车牌号</a></li> <li><a href="#">手机号</a></li> <li><a href="#">里程数>=</a></li> </ul> </dd> </dl> .select{position:relative;float:left;margin: 0 10px;} .select dt{height:28px;display:inline-block;border:1px solid #d2ccc4;background:#fcfcfb url(resources/images/adx.gif) no-repeat 97px center;line-height:28px;font-weight:bold;padding-left:10px;cursor:pointer;width:100px;padding-right:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:99;} .select dt:hover,.select dt.cur{border:1px solid #409DFE;box-shadow:0 0 3px #409DFE;} .select dd{position:absolute;left:0;top:29px;border:1px solid #d2ccc4;background:#fff;display:none;} .select dd ul{padding:4px;width:104px;max-height:250px;overflow:auto;} .select dd ul li a{line-height:28px;display:block;padding:0 8px;} .select dd ul li a:hover{background:#f5f5f5;} $(".select").each(function(){ var s=$(this); var z=parseInt(s.css("z-index")); var dt=$(this).children("dt"); var dd=$(this).children("dd"); var _show=function(){dd.slideDown(200);dt.addClass("cur");s.css("z-index",z+1);}; //展开效果 var _hide=function(){dd.slideUp(200);dt.removeClass("cur");s.css("z-index",z);}; //关闭效果 dt.click(function(){dd.is(":hidden")?_show():_hide();}); dd.find("a").click(function(){dt.html($(this).html());_hide();}); //选择效果(如需要传值,可自定义参数,在此处返回对应的“value”值 ) $("body").click(function(i){ !$(i.target).parents(".select").first().is(s) ? _hide():"";}); }); 这个列子你看看。。可以么
j834838423
2015-01-05
打赏
举报
回复
坐等答案。同样问题。大神快出来
qnapjiujiu
2015-01-05
打赏
举报
回复
试试ZIndex可以试试
z13759561330
2015-01-05
打赏
举报
回复
做一次事件转发
伊顺鸣
2014-12-29
打赏
举报
回复
就是这样俄啊。。
qnapjiujiu
2014-12-29
打赏
举报
回复
clear:both 下
foreverccc
2014-12-29
打赏
举报
回复
sdysyj
2014-12-28
打赏
举报
回复
clear:both 下
GW786228836
2014-12-27
打赏
举报
回复
pp1512849425
2014-12-26
打赏
举报
回复
不错,收益了
skyhitnow
2014-12-26
打赏
举报
回复
你在相应select的位置设置一个透明层, 然后给这个层绑定click事件, 事件触发的函数为 select触发click事件
xiaorao3
2014-12-26
打赏
举报
回复
学习一下~~~~
hugh_z
2014-12-26
打赏
举报
回复
learning
baidu_24839033
2014-12-26
打赏
举报
回复
设置ZIndex试试
qq_24838891
2014-12-26
打赏
举报
回复
csdn 的高手都那里去了, 快出来帮帮忙啊!
NaNa8984
2014-12-26
打赏
举报
回复
在div中设置这样的一个属性值可以解决问题pointer-events:none;,但是只支持IE11,其他浏览器都支持,
qq_21075909
2014-12-26
打赏
举报
回复
很好!很有用!
加载更多回复(48)
CSS相关的随笔{
div
透明度
设置, }
div
透明度
设置:IE:filter:alpha(
opacity
=30);FF:
opacity
: 0.25; //设置页面弹出层在IE6下面
select
穿透
浮动层的问题 var ie6rating = ''; 转载于:https://www.cnblogs.com/didi/archive/20
10
/12/08/1...
css开发技巧总结(CSS
穿透
、一像素边框、:valid和:invalid表单即时验证、::
select
ion美化选中文本)
用:valid和:invalid来做表单即时校验 html5丰富了表单元素,提供了类似required,email,tel等表单元素属性。同样的,我们可以利用:valid和:invalid来做针对html5表单属性的校验。 :required伪类指定具有required 属性的表单元素 :valid 伪类指定
一个
通过匹配正确的所要求的表单元素 :invalid伪类指定
一个
不匹配指定要求的表单元素 <
div
class="container"> <
div
class="row"
web前端学习笔记之JavaScript
JavaScript 01 JavaScript简介 JS:解释型语言,不需要编译,代码的执行是从上到下一行行执行的,上一行没执行,下一行就不会执行。 BOM:操作浏览器发生变化的属性和方法 DOM:操作文档流发生变化的属性和方法 ECMScript:书写语法和书写规则 02 JS基础 alert(num),数据出现在浏览器提示框 console.log(num),数据输出在浏览器控制台 document.write(num),以文档输出,也就是输出在浏览器的页面(body) 03 JS代码编写位置 1.行
ios上遇到的坑(持续更新)
1.input不能与position:fixed;的元素不能共存,在页面滚动且input是focus状态时,fixed的元素会跟着页面同时滚动; 2.ios中的input不能设置user-
select
:none;否则会input变成不可输入状态; 3.ios中的li,
div
,span等等元素(具体没有试验,貌似除了a
标签
以外),绑定的click点击
事件
是无效,当CSS中加了cursor:poi...
深入理解CSS定位中的堆叠z-index
前面的话 对于所有定位,最后都不免遇到两个元素试图放在同一位置上的情况。显然,其中
一个
必须盖住另
一个
。但,如何控制哪个元素放在上层,这就引入了属性z-index 定义 利用z-index,可以改变元素相互
覆盖
的顺序。这个属性的名字由坐标系统得来,其中从左向右是x轴,从上到下是y轴。从屏幕到用户是z轴。在这个坐标系中,较高z-index值的元素比较低z-index值的元素离用户更近,这会导致较高z-...
Windows客户端开发
7,655
社区成员
18,845
社区内容
发帖
与我相关
我的任务
Windows客户端开发
Windows Phone是微软发布的一款手机操作系统,它将微软旗下的Xbox LIVE游戏、Zune音乐与独特的视频体验整合至手机中。
复制链接
扫一扫
分享
社区描述
Windows Phone是微软发布的一款手机操作系统,它将微软旗下的Xbox LIVE游戏、Zune音乐与独特的视频体验整合至手机中。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章