CSS hack 解决各浏览器不兼容问题

1.IE8下兼容问题:转化成IE7兼容,头部加上代码:

<metahttp-equivmetahttp-equiv="x-ua-compatible"content="IE=7"/>

 2、flaot浮动造成IE6双倍边距:

margin-left:10px!important;        /*IE7,IE8,FF下是10PX*/;
margin-left:5px;           /*IE6下属性写的是5PX,但在显示出来的是10px

或者给浮动元素加上display:inline来解决。

3、区别FF,IE6,IE7

height:100px;    //FF不认识第2、3个属性,所以它读的是 height:100px;
*height:120px;    //IE7不认识第3个属性,第2个属性又覆盖了第1个,所以读出的是*height:120px;
_height:150px;     //三个属性IE6都认识,第3个属性覆盖了前两个,所以读到的是_height:150px;

   附:
  1、仅IE7识别 : *+html {…}
  2、IE6不能识别!important,其他都可以;
  3、IE6支持下划线,IE7及其他不支持;

4、HTML头部引用(if IE)Hack:
  1、针对所有IE:
<!--[if IE]><!--您的代码--><![endif]-->
  2、针对IE6:
<!--[if IE 6]><!--您的代码--><![endif]-->
  3、针对IE6及以上:<!--[if gte IE 6]><!--您的代码--><![endif]-->
  4、针对非IE浏览器:<!--[if !IE]><!--您的代码--><![endif]-->

 

时间: 2024-10-10 04:12:21

CSS hack 解决各浏览器不兼容问题的相关文章

[转载]IE6、IE7、IE8、Firefox兼容性CSS HACK代码+示例 —— 浏览器

1.区别IE和非IE浏览器CSS HACK代码  #divcss5{background:blue; /*非IE 背景藍色*/background:red \9; /*IE6.IE7.IE8背景紅色*/} 2.区别IE6,IE7,IE8,FF CSS HACK [区别符号]:「\9」.「*」.「_」[示例]:  #divcss5{background:blue; /*Firefox 背景变蓝色*/background:red \9; /*IE8 背景变红色*/*background:black;

CSS hack 和 IE浏览器条件判断 集中汇总

(从死了一次又一次终于挂掉的百度空间中抢救出来的,发表日期 2014-08-16) 未完待续 css hack ie 浏览器判断语句 360大多数网页的各浏览器兼容方法: <!DOCTYPE html> <!--[if lt IE 7 ]><html class="ie6"><![endif]--> <!--[if IE 7 ]><html class="ie7"><![endif]--&

css hack 大全 各个浏览器的css

各个浏览器的css hack区别属性: IE6: _zoom:1; IE6/7: *zoom:1; IE6/7/8/9 :\9 各个浏览器的css hack区别规则 IE6: *html{} IE7: +.class{} 非IE6: html>body {} 仅火狐:@-moz-document url-prefix(){} saf3+和谷歌:@media all and (-webkit-min-device-pixel-ratio:0){} 仅opera:@media all and (-w

CSS hack与各个浏览器兼容、JS等

FF !important IE \9 IE8 \0 IE7 + chrome @media screen and (-webkit-min-device-pixel-ratio:0){} firefox 下 style=“display:“” ”正常 style=“display:”“none” 不正常 FF 下不兼容 getElementsByName innerText 改用 getElementsByTagName innerHTML和value

CSS 之 Opacity多浏览器透明度兼容处理

用来设定元素透明度的 Opacity 是CSS 3里的一个属性.当然现在还只有少部分浏览器支持. 不过各个浏览器都有自己的私有属性来支持,其中包括老版本的Mozilla和Safari: IE: filter:alpha(opacity) Mozilla: -moz-opacity Safari: -khtml-opacity 很不幸的是,你没看见Opera,老版本的Opera并没有什么私有属性可以代替opacity.(新版Opera已经支持opacity) 所以以前用CSS设定一个元素半透明的话

设计一套方案,解决不同浏览器的兼容问题(2)

移动端开发 移动web开发,虽然浏览器的 内核 都是 webkit 但是不同的浏览器开发厂商 ,可能会为浏览器添加一些 特殊的 独有样式 为了清除不同浏览器带来的显示差异 我们有一个 比较通用的样式 normalize.css normalize.scss 直接下载的一个 通用的预制样式,目的是处理不同浏览器的显示差异 可以直接网上下载一个,地址: http://necolas.github.io/normalize.css/ 原文地址:https://www.cnblogs.com/DZzzz

jquery解决各浏览器placeholder兼容

$(function(){ if(!placeholderSupport()){   // 判断浏览器是否支持 placeholder     $('[placeholder]').focus(function() {         var input = $(this);         if (input.val() == input.attr('placeholder')) {             input.val('');             input.removeClas

让IE和Firefox兼容的CSS技巧集合css hack

CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明. CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了.缺点是要控制内容不

Css Hack的定义以及用法

Css Hack的定义以及用法 1.什么是CSS hack 由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果.这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果.这个针对不同的浏览器写不同的CSS code的过程,就叫CSS hack! 2.CSS h