透明滤镜导致overflow:visible变为hidden - 逆退相干 - ITeye博客

`

lixinlixin2008

浏览: 149986 次
性别:
来自: 北京

最近访客更多访客>>

723499280

anrenady

sgamin1001

cusalt

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

lixinlixin2008： fireinjava 写道请问有解了不? 不搞js了，不知道了 ...
再说IE script内存不回收问题
fireinjava：请问有解了不?
再说IE script内存不回收问题
cherful：我看不懂也
isPointInPath方法
wcily123：不厚道 bs！！！
iphone的click导致div变黑
lixinlixin2008：嘿嘿，在抄袭Google maps api V3，V3就能在手 ...
简单搭建mobile web app开发环境

透明滤镜导致overflow:visible变为hidden

IE 浏览器 Microsoft XHTML HTML

阅读更多

如下:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=GB2312"/>
<style>
	*{
		margin:0px;
		padding:0px;
	}
	#d01{
		/*IE有滤镜的时候这里会被当作hidden,导致显示区域被剪切,而其它浏览器没有这种情况*/
		/*另外补充一点,在IE下,不触发layout,透明滤镜不会生效*/
		overflow:visible;
		position:absolute;
		background:red;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
		opacity:0.5;
		width:100px;
		height:100px;
	}
	#d02{
		position:absolute;
	}
</style>
</head>
<body>
	某些情况下,透明滤镜会使overflow:visible变成overflow:hidden,详细如下     (另外,IE下div会向左排列,其余浏览器都是换行...IE真是个奇怪的东西)
	<div id="d01">
		<div id="d02">
			<img src="http://khm2.google.cn/kh/v=41&x=13492&y=6207&z=14&s=Gal">
		</div>
	</div>
</body>
</html>

分享到：

href和hash | 浏览器前进后退时表单状态的保持

2009-07-30 14:12
浏览 1158
评论(0)
论坛回复 / 浏览 (0 / 2690)
分类:Web前端
查看更多

评论

发表评论

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

相关推荐

CSS中overflow-y: visible;不起作用的原因分析及解决方法: 小编最近遇到这样的需求，移动端的h5页面，要求有一排可选择的卡片, 超出容器部分可以左右滑动，同时每张卡片...接下来通过本文给大家介绍CSS中overflow-y: visible;不起作用的原因分析及解决方法，需要的朋友参考下吧

jQuery中:visible选择器用法实例: 本文实例讲述了jQuery中:visible选择器用法。分享给大家供大家参考。具体分析如下：此选择器能够匹配所有当前可见的元素。语法结构: 代码如下:$(“:visible”) 此选择器一般也要和其他选择器配合使用，比如类选择...

css使用overflow属性控制滚动条的样式: 滚动条样式主要涉及到如下overflow属性: ...以上三个属性设置的值为visible、scroll、hidden、auto visible 默认值。使用该值时，无论设置的width和height的值是多少，其中的内容无论是否超出范围都将被

一个通俗小故事告诉你溢出隐藏（overflow:hidden）失效的原因: 我们知道，overflow属性值有这几种：复制代码代码如下:visible：声明内容不会被剪裁。比如内容可能被渲染到容器外面。hidden：声明内容将被剪裁，并且也甭想使用滚动条来查看剪裁掉的内容。scroll：声明内容将被...

实例详解display:none与visible:hidden的区别: display:none与visible:hidden的区别 display:none和visible:hidden都能把网页上某个元素隐藏起来，但两者有区别: display:none —不为被隐藏的对象保留其物理空间，即该对象在页面上彻底消失，通俗来说就是看不见...

jQuery的中 is(':visible') 解析及用法(必看): 下面小编就为大家带来一篇jQuery的中 is(':visible') 解析及用法(必看)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

CSS控制html文本溢出: overflow:hidden; white-space:nowrap; font-size:36px; width:400px; } p { text-overflow:ellipsis; overflow:visible; white-space:nowrap; font-size:36px; width:400px; } ...

jQuery的中 is(‘:visible’) 解析及用法(必看): • type=”hidden” 的表单元素 • Width 和 height 设置为 0 • 隐藏的父元素（同时隐藏所有子元素）语法 $(“:visible”) $(document).ready(function() { $('#faq').find('dd').hide().end().find('dt').click...

jQuery可见性过滤器：hidden和：visibility用法实例: 本文实例讲述了jQuery可见性过滤器：hidden和：visibility用法。分享给大家供大家参考。具体分析如下： :hidden 匹配所有不可见元素，如果使用css的visibility属性让元素不显示但是占位，则不属于hidden了查找...

css overflow溢出隐藏(文字溢出时的自动隐藏处理): 版本：CSS2　兼容性：IE4+ NS6+　继承性：无语法：overflow : visible | auto | hidden | scroll 相关参数说明如下： visible:：不剪切内容也不添加滚动条。假如显式声明此默认值，对象将被剪切为包含对象的window...

Android Webview与ScrollView的滚动兼容及留白处理的方法: 本文介绍了Webview与ScrollView的滚动兼容及留白...为了解决项目中这些蛋疼的问题，试过不少方法，网上有说是网页中使用了不合理的overflow,的确，经证实使用不合理的overflow的确会造成网页加载后在嵌套在scrollview的

一款双向无缝+按钮定位的焦点图实现代码: myFocus – tbhuabao *{margin:0;padding:0;border:0;list-style:none;} body{background:#fff;padding:20px;} /*=========mF_tbhuabao========*/ .mF_tbhuabao {background:#ddd;...overflow:hidden;} .mF_tb

CSS3自定义滚动条样式的示例代码: 滚动条是个很常见的东东，不过某些浏览器自带的滚动条确实不太好看啊，下面可以作为学习...overflow:hidden //内容会被修剪。超出内容被隐藏 overflow:scroll //内容会被修剪，浏览器会显示滚动条以便查看其余内容 ove

新闻一段时间向上滚动效果: OVERFLOW: visible; LINE-HEIGHT: 140% } UL { FONT-SIZE: 12px; MARGIN: 0px; OVERFLOW: visible; LINE-HEIGHT: 140% } LI { FONT-SIZE: 12px; MARGIN: 0px; OVERFLOW: visible; LINE-HEIGHT: 140% } A:link { ...

举例讲解jQuery中可见性过滤选择器的使用: 可见性过滤器可见性过滤器根据元素的可见性和不可见性来选择相应的元素。...注意：:hidden 过滤器一般是包含的内容为：CSS 样式为display:none、input 表单类型为type=”hidden”和visibility:hid

CSS属性text-overflow的使用问题: 1，overflow:hidden;　这个属性是内容区装不下内容应该怎么办。这里让溢出内容直接不显示。这个感觉就是必备的属性。我内容文本溢出全部不显示才能裁剪。不然裁剪之后还是显示溢出就想日狗了　试了下visible. 那...

CSS 布局 – Overflow: CSS 布局 – Overflow CSS overflow 属性用于控制内容溢出元素框时显示的方式。 #overflowTest { background: #4CAF50; color: white; padding: 15px; width: 80%; height: 100px; overflow: scroll; border: 1px ...

Global site tag (gtag.js) - Google Analytics