随笔 - 381
文章 - 0
评论 - 11
阅读 -
57万
随笔分类 - IE6,IETest
IE6,IETest相关文章和笔记
IE6中让png的icon图标也透明的完整代码段
摘要:一个引用了在IE6中让img图标也可引用png图片的js插件代码的html是这样写的,兼容IE6: <a class="btn btn-select" href="javascript:fensong_addaccept()"> <img src="__STATIC__/yjj/images/16.
阅读全文
IE6滤镜在实战测试中能让父层里面的子元素产生阴影
摘要:1、写法一: <div class="cornerbg"> <p class="title-file"> </p> ...... </div> .cornerbg{width: 992px;height: 659px;background: #fff;border-radius: 10px;box-
阅读全文
IE6-能让png图片有透明效果的js代码
摘要:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html lang="en"><head> <meta http-equiv="Content
阅读全文
IE6下完美兼容css3圆角和阴影属性的htc插件PIE.htc
摘要:1、(推荐:)css插件PIE.htc,这个才是真正完美兼容css3的圆角和阴影属性在IE6环境下使用的效果,但要注意的是:下面的代码必须写在html文件的head标签内,否则无效(不能从外部引用下面的css代码),源码是:<style type='text/css'> .bgtest { back
阅读全文
兼容ie6及以上和firefox等标准浏览器的表格行滑过时背景色切换的效果
摘要:一、js代码——"tablehover.js" /** *②、表格单元行滑过时高亮样式动效组件封装 *oop形式封装交互动效类 *组件说明这个组件是为了向下兼容到IE6,因为IE6不支持tr:hover这种形式的伪类,而在ff等标准浏览器中是支持的,这样写: .tablelist td{border
阅读全文
小结IE6的坑
摘要:1、z-index在position:relative/absolute等定位属性设置后还是无效,会导致top栏的导航栏目的子菜单被下面的层遮住,无法显示;解决办法:?http://www.wufangbo.com/ie6-ie7-z-index-bug/就是被子导航列表覆盖的层绝对不能设置为相对定
阅读全文
兼容IE6及以上的导航栏子菜单栏滑过显示隐藏效果
摘要:;(function(window){ var li = document.getElementById('parentnav').getElementsByTagName('li')[1]; var li_a = li.getElementsByTagName('a')[0]; var subna
阅读全文
兼容ie6及以上的表格行滑过时背景色切换的效果
摘要:;(function(window){ var tb = document.getElementById('tablelist'); function trfocus(){//为了兼容IE6在css中td不要设置背景颜色,否则会遮挡住tr背景颜色的变换.在标准浏览器中可以直接用样式控制鼠标滑过时,切
阅读全文
ie6和ie7下z-index bug的解决办法
摘要:一、匆匆带过的概念 关于CSS中层级z-index的定义啊什么的不是本文的重点,不会花费过多篇幅详细讲述。这里就简单带过,z-index伴随着层的概念产生的。网页 中,层的概念与photoshop或是flash中层的概念是一致的。熟悉photoshop或是flash的应该知道,层级越高(图层越靠上)
阅读全文
关于IE6、IE7、IE8实现盒子阴影shadow的几个注意点
摘要:通常,我们实现盒阴影都是通过这段代码来实现的 但是,IE6、7、8不认识这段样式,所以我们会考虑用滤镜来实现这功能 其实如果要求不是那么苛刻的话,IE下用滤镜已经能达到我们要的效果了。当然,如果你觉得滤镜不那么完美,非要用图片去实现,那也可以,就不用继续往下读我要说明的几个注意点了。 首先,滤镜里的
阅读全文
兼容ie6及以上的阴影滤镜的写法
摘要:.subnav{ width: 220px; _width:160px; min-height: 168px; border: 1px solid #d0d8da; background: #fff; box-shadow: 0px 2px 2px #BEBEBE; filter:progid:DX
阅读全文
IE6/IE7下:inline-block解决方案
摘要:IE6/IE7下对display:inline-block的支持性不好。 1、inline元素的display属性设置为inline-block时,所有的浏览器都支持; 2、block元素的display属性设置为inline-block时,IE6/IE7浏览器是不支持的; 对象呈递为内联对象,但是
阅读全文