WEB开发笔记

WEB开发常见问题,网站建设运营策划,SEO推广优化,PHP面向对象编程,JAVA面向对象编程,关注www.chhua.com

正在浏览 DIV+CSS兼容 里的文章

记得在CSS中有明确规则z-index只能在绝对定位下有效,也就是说当 position:absolute 的时候生效,然而在IE6和IE7中则完全不是这样。看下面的例子:

父级元素加上position:relative;并设置z-index.

父级元素的z-index优先,其中包含的元[......]

WEB前端设计兼容IPAD的一点经验

抢沙发

未来的互联网一定是移动互联网,移动互联网就是互联网的示来!

一点也不错,最近在给老外做站点,WEB前端设计在兼容方面,他们不会关心firefox,更不会关心IE7,他们关心的是你写的网站能不能兼容ipad,这一点比什么都重要,即使中国互联网比美国落后5年,那么,你做好迎接移动互联网的思想准备了[......]

最新全面兼容IE6/IE7/IE8/FF的CSS HACK写法

第一种方法:

  还好,微软提供了这样一个代码:

  <meta http-equiv=”x-ua-compatible” content=”ie=7″ />

  把这段代码放到里面,在ie8里面的页[......]

ie6下overflow:hidden兼容性的调整

抢沙发

今天遇到一个比较特殊的情况:ie6下设置overflow:hidden不起作用,网上搜索了一下都说是设置高度和宽度就ok了,开始还以为是百分比高度引起的,但设置成绝对高度200px后还是不行。最后通过经验判断出原来是overflow的那个div没有position定位,给加了个定位和top,left[......]

今天WEB前端群里(群号63417830)无意谈到了@import url(),不太常用,争论很大。一开始是由于一个兼容问题: @import url(/css/a.css) 很简单但出现了兼容问题,在ff下无法调用样式,大家都以为是@import搞的怪,但用link后问题依然出现。经过一番讨论原来[......]

IE6下溢出多余文字解决方案Iebug

抢沙发

IE6下溢出多余文字解决方案Iebug——又是可恶的IE6!!!

最近会常常遇到这么个问题:
在IE6中,会平白无端多出几个字儿来,通过同事的讲解才知道这是IE6BUG 。
哇 咔 咔 ` 被碰到这种问题 太幸运了…

下面把自己做后的总结整理下:
方案1:
原因:出现这种[......]

IE6,IE7下浮动元素不自动换行的解决方法

IE6非常可恶,以前一直崇尚IE7,后来发现IE7和IE6一样可恶,微软真TM受不了,没有定义width的浮动block元素总是出现不自动换行的BUG ,找了很多,也试了很多,唯一下面的方法比较完美,很简单,就是一个属性,把该block元素的C[......]

再次发布关于IE6,IE7,IE8,Firefox兼容的css hack

已经发布过关于这CSS兼容的hack的文章不止一篇,可是有太多,都已经失效,再次发布,不想谈什么乱七八糟的理论,直接上实例!如下: 
IE浏览器都能识别“*” “\9”;标准浏览器(如FF)不能识别“*”;
IE6能[......]

ie6下display:none引起的3像素的BUG解决方案

今天WEB前端群(63417830)里的网友给我看了一个display:none引起的错位的问题。

代码:

  1. <div style=”width:300px; margin:20px; border:1px s[......]
    本文向大家描述一下IE6,IE7,IE8 CSS兼容速查表,现代Web设计与开发越来越看重浏览器兼容问题,IE每个新版本的推出,都在CSS的标准化方面前进一大步。
    IE每个新版本的推出,就不可避免地在IE的各个主要版本之间产生兼容问题,尽管IE8推出已有时日,使用IE6的用户仍然相当可观。本文[......]