<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>IE6 select 浮层遮盖</title>
<style>
.as-selectmask {
position: absolute;
left:0;
top:0;
z-index: 10;
overflow: hidden;
width: 33em;
height:50px;
}
.as-selectmask iframe {
position: absolute;
top: 0;
left: 0;
z-index: -1;
border:none;
filter: mask();
width: 3000px; /* for any big value */
height: 3000px /* for any big value */
}
</style>
</head>
<body>
<select>
<option>1</option>
<option>2</option>
</select>
<div class="as-selectmask" style="background:#ddd;">
内容<br/>
<!--[if lt IE 7]><iframe src="javascript:'';"></iframe><![endif]-->
</div>
</body>
<!--
mask的用法
/*设置CSS样式开始*/
div{position:absolute;top:20;left:40; filter:mask(color:#0000ff);}
/*定义DIV区域的样式,绝对定位,mask属性的color参数值指定用什么颜色遮住对象*/
p{font-family:bailey;font-size:72pt; font-weight:bold;color:#ff0000;}
/*定义P区域内的样式,字体名称、大小、粗细、前景色*/
<div>
<p> wenyleaf </p>
</div>
-->
</html>
相关推荐
浮层遮挡情况想必大家在测试网页布局师会有遇到过吧,如果浮层中的元素覆盖的区域含有设置了postion:relative的元素,在IE7中浮层就有可能无法遮挡这些元素,下面是具体的解决方法
第一就是比较有名的:一般div浮层在IE6下无法遮盖select元素的问题。首先提供了下面一个实例: 注解:如果你在FirFox下和IE7下看都 在html中关于select元素的问题在很多地方都提出过,而在前段时间的项目中,刚好...
关于web页浮层,用的是jquery的插件,很好使用,效果不错。浮层浮层浮层
类似QQ空间相册一样,点击图片,弹出浮层,显示放大图片,左右可切换图片
PagerSlidingTabStrip浮层显示测试完全可以用,在实际项目中经常使用,安卓开发者可以直接下载使用喔 本来亲自测试可以使用 Demo中的PagerSlidingTabStrip是实现了固定的tab个数的方式 如果需要修改成不固定的可以...
图片上弹出浮层js
JS弹出DIV浮层.
浮层(AJAX)(弹出层,并半透明) 浮层(AJAX)(弹出层,并半透明) 浮层(AJAX)(弹出层,并半透明)
浮层引导页Demo,一共工具类,只需传入activity、图片参数即可设置。
实现第一次打开app引导浮层效果View
工作总结计划ppt模板,年度工作概述,工作完成情况,工作纯在不足,明年工作计划,酷黑木板木纹背景,浮层微立体阴影风格,极简大气设计,适合商务工作总结、工作汇报的通用ppt模板。
双SurfaceView实现手机摄像头预览、监听每一帧做处理绘制浮层效果(Demo画了一个矩形上去)
此插件用于需要选择城市名的开发中,点击文本框会弹出一个浮层,城市数据是静态数据,js文件内有原作者的博客,可自行上博客看使用文档。
NULL 博文链接:https://lullabyus.iteye.com/blog/1318501
当鼠标悬停在某个区域,便会显示一个矩形方框浮在当前页面,当鼠标移开此区域,矩形方框便会消失,你可以在矩形方框里放置任何你想要的信息,甚至图片。代码很好移植。
样图: ... 注:浮层选择器源码来源于网络(Apache授权),“jquery.dropdownTomcdropdown.3.js”为原创编写。
由于IE6中DropDownList是Browser调用的系统控件,这种组件的显示优先级比普通的IE控件高,浮动层中的控件就不能够遮盖这些系统控件。
纯js原生态仿新浪微博头像弹出层。代码易懂,比较适合新手。 QQ:13796292,欢迎高手交流。
toastr是一个基于jQuery简单、漂亮的消息提示插件,使用简单、方便,可以根据设置的超时时间自动消失。使用很简单,引入toastr的js、css文件,通过设置自定义参数,可达到不同的效果