但是实际上，浏览器远远不止这几个,Firefox分为Firefox 1.5,Firefox 2,Firefox 3几个主要版本，IE7,IE6中也各有好几个系列,另外除开这两个主流厂商的产品之外，还有Opera,Konqueror,Netscape,chrome等一系列。 这些浏览器，各有各的一套，往往在这里运行正常，在那里运行就不正常了。于是WD们拆东边补西边，终于能在几个浏览器下都正常了。结果，产品经理又有了新的需求，需要在哪儿哪儿那儿改一下，于是乎，好不容易糊弄好的的...
只要触发IE的hasLayout，非浮动元素就会拥有布局。所以，利用IE6特有的hack规则，为它单独写样式就可修复此问题： _zoom:1; margin-left: value; _margin-left: value-3px; zoom 是IE触发Layout条件之一，因为它是IE特有的CSS规则，所以采用zoom。 margin-left: value-3px 是修复IE6 中3px 的bug。 此前采用非浮动元素也浮动的方法修复bug，现在我们可以试试这个新的方法了！ 注：前面的下划线是专门写给IE7以下版本的hack！
放在form表单中提交后得不到该值。 将disabled="disabled" 改为 readonly = "readonly" 即可 按照W3C的规范：http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.12 设置为disabled的input将会有下面的限制： 不能接收焦点 使用tab键时将被跳过 可能不是successful的 设置为readonly的input将会有下面的限制： 可以接收焦点但不能被修改 可以使用tab键进行导航 可能是successful的 只有successful的表单元素才是有效数据，...
需要标准布局的朋友，经常会遇到一些问题，下面是一些布局问题CSS2.0盒模型层次平面示意图和3D示意图3像素问题及解决办法当使用float浮动容器后，在IE6下会产生3px的空隙，有意思的是右侧容器没设置高度时3px在右侧容器内部，当设定高度后又跑到容器的左侧了，所以对布局精度要求高的话，请参考例29、31的解决方法上边容器浮动后，下边的容器跟着浮动，造成页面错乱如以上例子中的footer必须要单独占一行，但当sidebar浮动后，cont...
网页采用了 UTF-8 编码格式，这本来没有问题，问题是外部 CSS 文件默认是 ANSI 编码，并没有保存为 UTF-8 格式。可能你会发现在一般情况下这样也是没有问题的，然而当 CSS 文件中包含有中文注释时就可能不尽如人意了！估计是 IE6 版本以下的浏览器在解析这个 CSS 文件时因为编码问题而无法正确解析，所以才会发生 CSS 在 IE6 下不起作用的情况。看来微软已注意到这个问题，在 IE7 中把它修复了。但是用IE6 的人还是不少。因此这个问...
某个元素设置无边框，只需要给元素设置border:none即可，当然设置border:0效果一样，但实际上两者是有性能差别的 代码如下:border:none：边框设置为为none，不做任何处理；border:0：边框宽度设置为0像素，但是实际上border-color和border-style还是在渲染的。然而在IE中，对于button和input元素确并不是这样,在IE6，7中border:none仅等价于border-style:none,而边框所占的空间还是在的。这导致了调input的宽度和高度在各个浏览器中...
一、网页背景半透明网页背景半透明 代码如下:opacity:0.8;filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";IE6中CSS方法解决PNG图片半透明问题：#DIVname { width: 300px; height: 99px; background: url(images/top.png) no-repeat top; *background: none; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=corp, src=template/flower/images/t...
如果开发时按最低标准，比如IE6不支持的特性，我们统统不用，那就没有必要写这篇文章了；但我想这种情况极少，更多的开发，是在现代浏览器上使用它们支持的特性，而在早期浏览器上做一定的降级处理，这就是所谓 “渐进增强”，也是本文要说的重点。通过下面的方法，希望可以让网站也能够在低版本IE浏览器上奇迹般地运行得更好！htmlshiv.jsRemy的 HTML5shiv通过JavaScript 来创建HTML5元素(如 main, header, footer等)。在某种程度...
代码如下: 当content内容多时，即使parent设置了高度100%或auto，在不同浏览器下还是不能完好的自动伸展。解决方案如下：代码如下: 在层的最下方产生一个高度为1的空格，可解除这个问题。 另外还有这样写的：或者。
ie6对position:fixed不支持，网上有很多解决方法，有的在ie6,ie7上调试成功后，在ie8上又不好使，div层还是跟随滚动条浮 动；以下总结方法，在ie6,ie7,ie8上都调试成功，且页面滚动条滚动时，效果还挺好，div层并不会闪烁。 代码如下: css: 代码如下:.fixed{ position:fixed; /*对于火狐等其他浏览器需要设置的*/ top:700px; /*同上*/ width:30px; height:30px; cursor:pointer; ...
直接加样式img{vertical-align:bottom; display:block} 当然在某些情况下无效,比如我要加三个图片,上中下,中间的图片是设为背景,发现用此方法无效,只是上和中的图片空隙没了,而下与中之间还存在,方法很简单,把vertical-align:bottom改成top,可根据自己遇到的不同情况来设vertical-align的参数 方法一：代码如下:img{vertical-align:top; display:block}代码如下:#l1 {float:left;background:#000;}#l1 ul li {list-style:none;padd...
文本溢出始终是一个大问题，尤其是在程序化环境中。总是只有这么多的空间，但可变的内容可以添加到该空间。我最近在一个用于显示用户信息的表上工作，并注意到更长的字符串打破了表格显示。显而易见的解决方案是overflow: hidden为表格单元格添加一个设置，但即使这样，文本看起来也不自然地被切断了。使文本溢出优雅的方法是使用省略号和CSS文本溢出属性。让我们来看看！CSS创建省略号后面的CSS非常简单，包括宽度，包装，溢出和文...
在处理浏览器兼容性问题时，你有没有发现在IE9中浏览DIV CSS网页文字字体偏上方，设置文字垂直上下居中line-height样式失效，而其它浏览器包括ie6-ie8均正常，究竟什么原因造成，如何解决与避免在ie9浏览器line-height失效。一、ie9 line-height失效原因CSS中使用了中文字体，而中文字体使用汉字。如：font-family:"微软雅黑"。使用CSS字体font-family样式使用了“宋体”、“黑体”或“微软雅黑”等中文字体以汉字设置于CSS中。在网...
当我们在进行前端网页开发，编写页面的css样式的时候，往往是需要考虑的不同浏览器的兼容问题的，让我们设计开发的前端页面可以在不同的浏览器上都可以正常展示。本章我们就给大家带来一些解决浏览器兼容性的小技巧，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。一、chrome下会让小于12px的文本字体默认为12px显示，让chrome支持小于12px的字体box{ font-size: 8px; -webkit-text-size-adjust: none;}但是，上...
css文件乱码的解决办法就是将css编码和html页面编码统一起来，方法如：1、用记事本打开源码，编码另存为“ANSI”；2、用记事本打开源码，编码另存为“UTF-8”。本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。解决方法：把css编码和html页面编码统一起来。如果html页面是utf-8、css、js也统一成utf-8编码。如果html页面是gb2312、css、js也统一成gb2312编码。具体方法：1、如果你想把utf-8转为GB23121）、用记事本打开源...