前几天做的项目中碰到这样一个问题，在 ie6 和 ie7 下，给父元素设置 overflow:hidden 不起作用无法隐藏，后来发现是子元素中有设置 position:relative，如果子元素删除 position:relative，那么父元素的 overflow:hidden 可以隐藏，具体代码及效果如下： html 代码： Document *{margin:0;padding:0;} .w{width:480px;margin:50px auto;} .w ul{width:100%;overflow:hidden;height:...
采用”FLOAT：LEFT“的DIV在IE8、IE7、都没问题，IE6下却向下移动，出现空白。这是因为，IE6采用的内核默认把DIV之间的距离增 加了3~5个PX，所以，试试是将下移的DIV的STYLE里增加"margin-left:-5px;"或者更小。解决IE7、IE8样式不兼容问题 方法一、要在页面中加入如下HTTP meta-tag: 只要IE8一读到这个标签，它就会自动启动IE7兼容模式，保证页面完整展示。 方法二、针对整个网站，在IIS中加入如下描述符就可以有相同的效果...
我有个网站在IE6~9浏览器下的显示有偏差，想要优化下，具体请看以下链接的需求： 需求链接： http://www.junengli.com/task/taskBidding/201506031735350301 只需要确保ie6+的版本显示效果跟最新的google浏览器下显示一致就可以了 不设预算，如果感兴趣且有精力做的请直接在上面投标~ 非诚勿扰~ 谢谢！ 回复讨论(解决方案) 我做了不少这方面的开发，我看看啊 对于各个浏览器的兼容,有什么demo吗?在一个js里...
test顶部top具体安排 小天空 那些事 那些人 藏宝阁 关于我 ITEM01 ITEM02 代码手册 ITEM01 ITEM02 显示正文部分 ...
设置背景图片，以突出透明度的效果及jquery png背景透明插件实例教程 toggle() body{ background:url(bg.jpg); margin:20px; padding:0px; } img{ border:1px solid #ffffff; } $(function(){ $("img").toggle( function(oevent){ $(oevent.target).css("opacity","0.5"); }, function(oevent){ $(oevent.target).css("opacity","1.0"); } ); }); 下面看一个jquery png背景透明插件 ... ...
例如： .my_table tr:nth-child(even){background:#E6EDF5;}.my_table tr:nth-child(odd){background:#F0F5FA;} IE7,8无效，无法识别。 换一种方法： 给需要变色的tr加上class .table_border table tr.even{background: #f8f8fb;} 方法三：jquery实现 $(".nav ul li div a:nth-chil...
问题来源 今天做项目的时候发现了一个问题，在使用text-indent属性对元素进行缩进是发现在360浏览器下发生了元素偏移，跟margin-left的效果一样，打开f12发现3607.1浏览采用的ie7.0的文档模式，果然在ie7里面测试是一样的结果 IE7下效果 其他浏览器下效果 之所以这样是因为ie6、7浏览器不支持display属性的inline-block值，你设置了也会忽视，而恰巧我的页面中的元素就使用了display:inline-block属...
super胡 div{ background:#ccc; min-height:100px; /*高度最小值设置为：100px IE6不识别min-height 和min-width*/ height:auto !important; /*兼容FF,IE7也支持 !important标签 !important只是对于ie6不认识,IE6执行height：100px;其他浏览器执行height:auto !important;!important权重最高，相当于写在最下面*/ height:100px; /*兼容ie6*/ overflow:visible; width:100px;} 喝水为什么会中毒？ 喝水为什么会中毒？喝水为什...
记录一下： 采用 inline-block 方法： HTML: 我是内容我也是内容 CSS: #box { height: 400px; background: #c00;} #content { display: inline-block; *display: inline; *zoom:1; vertical-align: middle;} #content { font-size: 12px; color: #fff;} ._actor { width:0; font-size:0; height: 100%; display: inline-block; *display: inline; *zoom:1; vertical-align: middle;} 加粗体的...
让IE（ie6/ie7/ie8）支持HTML5元素，我们需要在HTML头部添加以下JavaScript，这是一个简单的document.createElement声明，利用条件注释针对IE来调用这个js文件。Opera，FireFox等其他非IE浏览器就会忽视这段代码，也不会存在http请求。 方式一：引用google的html5.js文件，代码内容可以自己下载下来看。 将以上代码放到head标签区间 方式二：自己coding JS搞定。 ...
需要加个相对定位 position:relative;
.color{ background-color: #CC00FF; background-color: #FF00009; *background-color: #0066FF; _background-color: #009933; } **记住上面得样式解释为顺序是 ff、ie8、ie7、ie6 ** 显示的结果： 用火狐浏览，颜色是紫色 用 IE8 浏览，颜色是红色 用 IE7 浏览，颜色是蓝色 用 IE6 浏览，颜色是绿色 IE8 最新css hack： "" 例:"margin:0px auto;".这里的""可以区别所有IE和FireFox. "9" 例:"margin:0px auto9;".这里的...
当li的子元素中有浮动（float）时，IE6/IE7中元素的下面会产生4px空隙的bug。 XHTML vapour 百度 淘宝 迅雷 经过测试发现：li的子元素浮动是这个bug产生的必要条件，这个bug产生的充要条件是li的子元素浮动并且li设置了以下CSS属性之一：width、height、zoom、padding-top、padding-bottom、margin-top、margin-bottom。 知道了这个bug的产生条件，所以解决方法也就有...
z-index属性在IE7和IE6的兼容问题:采用定位的元素有可能就会用到z-index属性，不过具有一定的浏览器兼容问题，不用问基本属于IE低版本浏览器的问题，因为它的前科实在太多了，虽然现在用低版本浏览器的用户越来越少，相信不出几年就会消失，但是毕竟现在还是存在的，下面就介绍一下如何解决z-index属性在IE7和IE6浏览器的兼容问题。代码实例如下: 蚂蚁部落#a{position:relative;}#a-1{ position:absolute; z-i...
IE6和IE7定位的兼容问题简单介绍:定位的浏览器兼容性问题很小，就是IE6和IE7对z-index属性的解析上有所差别，并且这两个版本的浏览器在中国存活的估计也不会太长了，所以关于这个兼容性问题有兴趣的朋友可以参阅以下本章节，下面就是一段关于此问题的实例代码。代码如下: 蚂蚁部落.box{ width:100px; height:100px; position:relative;}.top{ width:50px; height:250px; background:red; position:absolute; z...