`
cai21cn
  • 浏览: 76691 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

IE8滤镜使用致嵌套DIV显示异常

    博客分类:
  • IE8
阅读更多
IE的滤镜技术为微软特有,这个技术带来一些令人困惑的异常。当两个嵌套的DIV在内部DIV使用了滤镜,以产生阴影效果。当内部DIV的高度增大至一定程度时(说明:主要为图片,如文本较长并不一定会出现异常),表现为内部DIV显示内容不完整,且滤镜效果失败,外部DIV不能被自动扩高。去掉内部DIV的CSS中的滤镜定义,虽然不能显示阴影,但总算能正常显示了。估计IE的显示异常与图片过多有关系,内存不足致滤镜失败,并产生莫名其妙的后果。
分享到:
评论

相关推荐

    软件工程师 面试题 DIV+CSS_必考题

    8. **Firefox嵌套div居中**: 在Firefox中,嵌套div的居中可以通过设置子div的`margin: 0 auto;`实现,例如: ```css #b { margin: 0 auto; } ``` 这样,子div `b` 将在父div `a` 内部水平居中。 掌握这些...

    div+css设置div的背景为半透明的方法

    本文将详细介绍如何使用`div+css`来设置`div`元素的背景为半透明,以及针对不同浏览器的兼容性处理。 首先,我们来看代码示例: ```css div { filter: alpha(Opacity=80); -moz-opacity: 0.5; opacity: 0.5; } ...

    div+css实现圆角即网页上常用的圆角效果

    为了解决跨浏览器的兼容问题,可以使用相应的CSS前缀或者采用其他兼容性写法,比如使用IE特有的滤镜技术filter,或者利用CSS3 PIE(一个为IE浏览器提供CSS3效果的工具)。 通过观察给出的代码样例,我们可以看到...

    网站开发技巧-个人三年遇到的一些CSS经典问题及解决方法

    3. **PNG透明度问题**:IE6对PNG-24格式的透明处理不足,解决IE6透明PNG问题.docx提供了解决方案,如使用AlphaImageLoader滤镜或使用透明GIF作为占位符,再用JavaScript动态替换。 4. **图像元素下的空白问题**:在...

    网页重构时在IE6中遇到png兼容性

    然而,IE6对PNG32的透明度支持并不完全,导致原本应该透明的背景在IE6中显示为不透明,影响了页面的视觉效果。 为了解决这个问题,重构师通常会采用一些技术手段来确保在IE6中也能正确显示PNG图片的透明效果。一种...

    JS图片自动翻页多张图片自动播放

    - **兼容性处理**:考虑到提供的代码片段使用了IE专有的滤镜效果,因此在实际项目中还需要进行兼容性处理,确保在不同浏览器下都能正常工作。 - **性能优化**:为了避免频繁的DOM操作影响性能,可以考虑使用现代前端...

    奋斗教育音乐网站

    例如,对于IE特有的滤镜效果,可以使用`_filter`或`*filter`语法。同时,使用如autoprefixer工具可以帮助自动添加必要的浏览器前缀,确保CSS3新特性在旧版浏览器中的兼容性。 在项目实践中,你可能还会遇到以下关键...

    凡客商品图片放大镜效果

    CSS3的`transform`和`transition`属性在老版本IE中不支持,可能需要使用滤镜(filter)或者JavaScript来实现类似效果。对于其他现代浏览器,可以充分利用其对CSS3的原生支持,优化性能和视觉效果。 在实际项目中,...

    CSS网站布局实录 (第二版)PDF版

    3.1.4 并列与嵌套div结构 3.1.5 使用合适对象来布局 3.2 一列固定宽度 3.3 一列宽度自适应 3.4 二列固定宽度 3.5 二列宽度自适应 3.6 两列右列宽度自适应 3.7 二列固定宽度居中 3.8 三列浮动中间列宽度自适应 3.9 ...

    delphi 开发经验技巧宝典源码

    0126 使用ShowException函数显示一个异常信息 82 4.7 异常处理函数 83 0127 将错误编号转换为错误信息字符串 83 0128 使用ExceptAddr函数获得异常被抛出的地址 83 0129 格式化异常处理信息 84 4.8 图形...

    delphi 开发经验技巧宝典源码06

    0126 使用ShowException函数显示一个异常信息 82 4.7 异常处理函数 83 0127 将错误编号转换为错误信息字符串 83 0128 使用ExceptAddr函数获得异常被抛出的地址 83 0129 格式化异常处理信息 84 4.8 图形...

    JavaScript网页特效范例宝典源码

    实例113 使用数组显示星期 179 实例114 在表格中显示时间 180 实例115 退出页面时显示停留时间 181 实例116 显示用户在页面的停留时间 182 实例117 显示最后修改时间 183 4.2 日期时间算法 184 实例118 计算某一天是...

    css全攻略.rar

    8. CSS3新特性:包括多背景、渐变、阴影、圆角、透明度、2D/3D转换、滤镜、Flexbox、Grid布局等,极大地丰富了CSS的表现力。 9. BEM命名方法:Block Element Modifier是一种流行的CSS命名约定,帮助组织和模块化CSS...

    css网页设计非常有用的解决办法

    但IE6不支持此属性,需要使用技巧,如创建两个嵌套的`div`,并通过设置`width`和负`margin`来模拟`min-width`效果。 这些CSS技巧能够帮助你更有效地解决网页设计中的常见问题,提升网站的跨浏览器兼容性和用户体验...

    javascript实现图片循环渐显播放的方法

    filter:alpha(opacity=xx)是IE浏览器中使用的滤镜语法,而标准的CSS属性应该是opacity: xx/100。渐显效果通过逐渐增加opacity值来实现,而渐隐效果则是逐步减小opacity值。 在代码中,我们还看到了JavaScript的函数...

    js css 实现遮罩层覆盖其他页面元素附图

    例如,滤镜属性(`filter`)主要是为了在IE浏览器中工作,而`Opacity`是为了与标准CSS属性保持兼容。但是,随着技术的发展,现在大多使用CSS的`opacity`属性和`rgba()`颜色函数来实现透明度效果,因为它们有着更好的...

    用CSS建设网站的实例

    由于IE浏览器(尤其是早期版本)对CSS的支持不尽相同,可能需要使用条件注释、CSS hack或IE专有的滤镜来确保网站在这些浏览器中的正常显示。 通过以上十个步骤,你将能够使用CSS从零开始构建一个功能完整、布局合理...

    SCSS移动端页面遮罩层效果的实现及常见问题解决

    - 兼容性问题:虽然大部分现代浏览器支持CSS3,但老版本的IE可能需要使用JavaScript或者CSS滤镜来实现类似的效果。 - 模态窗口的居中:在不同屏幕尺寸下,确保模态窗口水平垂直居中可能需要额外的计算或使用媒体查询...

Global site tag (gtag.js) - Google Analytics