`
lixinlixin2008
  • 浏览: 152459 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

IE浏览器MicrosoftXHTMLHTML 
阅读更多
如下: 


<!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>
分享到：
| 浏览器前进后退时表单状态的保持
评论
发表评论

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

相关推荐

    ie6、ie7下overflow失效的有效解决方法

    3. 为IE6和IE7创建特定的样式表，并在其中使用IE特有的滤镜来达到与overflow: hidden相同的效果，比如使用“alpha(opacity=0)”来实现透明效果，以隐藏溢出内容。 无论采用哪种解决方案，都应该充分考虑项目需求和...

    前端兼容性问题总结(PC端)

    解决方案：设置`overflow: hidden;`，避免内容溢出。 7. **min-height在IE6/7不兼容** 解决方案：结合height和`!important`，以及`overflow: visible;`，如`min-height: 200px; height: auto !important; height:...

    Css浏览器兼容的解决方法

    overflow: visible; } ``` 方法二： ```css #DIVname { min-height: 1000px; _height: expression((document.documentElement.clientHeight || document.body.clientHeight) &gt; 1000 ? "1000px" : ""); /* 仅针对...

    CSS语法速查表（CSS语法一览表）

    - **可选值**: `visible` (默认, 内容可见)、`hidden` (隐藏多余内容)、`scroll` (总是显示滚动条)、`auto` (根据需要显示滚动条)。 - **示例**: `overflow: auto;` **6.7 visibility** - **功能**: 设置元素是否...

    CSS速查表 网页设计语法手册与快捷键 介绍简单明了 很不错

    - **visibility**：控制元素的可见性，`visible`和`hidden`为常用值。 #### 七、区块属性 - **width**、**height**：定义元素的尺寸。 - **float**：使元素脱离文档流，允许文本和其他元素环绕其周围。 - **clear*...

    css入门笔记

    属性：overflow,overflow-x,overflow-y 取值： 1.visible 可见的，默认值，溢出可见 2.hidden 隐藏的，溢出的内容全部隐藏，不可见溢出 3.scroll 显示滚动条，溢出时可用 4.auto 自动，溢出时自动显示滚动条...

    《WEB系统开发与设计》(上)课程试卷A.docx

    3. 层溢出属性 overflow 的属性值可以设置为 visible、hidden、scroll 或 auto。 HTML 基础 4. 插入多媒体文件的标记是 `&lt;embed&gt;`。 5. 鼠标双击事件对应的事件处理函数是 `onDbclick`。 6. HTML 中的标记 `...

    CSS语法一览表

    - **`overflow`**：定义当内容溢出容器时的行为，如`visible`（可见）、`hidden`（隐藏）、`scroll`（滚动条）、`auto`（自动）。 - **`visibility`**：定义元素的可见性，如`visible`（可见）、`hidden`（隐藏）、`...

    CSS语法概述

    可选值包括`visible`(默认值)、`hidden`、`scroll`、`auto`。 #### 区块属性 区块属性用于定义块级元素的尺寸和间距。例如： - **`width`**：设定对象的宽度。 - **`height`**：设定对象的高度。 - **`padding`**...

    简单实现js浮动框

    this.win.style.visibility = x &lt;= 0 ? 'hidden' : 'visible'; // 解决IE透明度问题 this.win.style.filter = v; // IE滤镜处理 this.win.style.opacity = x / 100; // 非IE浏览器透明度 }, show: function() ...

    CSS常用样式简单的总结包括定位、显示等属性

    - `overflow`属性控制元素内容溢出后的处理方式，可选值有`visible`、`hidden`、`scroll`和`auto`，分别对应显示溢出内容、隐藏溢出内容、显示滚动条以及根据需要决定是否显示滚动条。 3. **显示属性**： - `...

    CSS属性列表.pdf

    - `overflow`: 控制元素溢出内容的行为，可以设置为`visible`（默认，内容会溢出）、`hidden`（内容会被裁剪）、`scroll`（显示滚动条）或`auto`（根据需要显示滚动条）。 - `rotation`和`rotation-point`: 用于通过...

Magicbox
Global site tag (gtag.js) - Google Analytics