css hack 如何区分 ie7 ie8

最新推荐文章于 2023-07-13 13:18:53 发布
最新推荐文章于 2023-07-13 13:18:53 发布
阅读量698 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： css技术
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/wangxiaohui6687/article/details/9342715
本文通过一个具体的样式设置示例介绍了如何让CSS代码同时兼容多种浏览器版本，包括火狐、IE6-IE8等。通过对不同浏览器的特性进行针对性的宽度设置，展示了在实际开发中应对浏览器差异性的解决方案。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

.style {
      width:100px;  /*火狐以及一般浏览器*/
      width:200px\9;                 /*IE8*/ 
      *width:150px;  /*IE7*/
      _width:50px;  /*IE6*/
      height:100px;
      border:1px solid red;
}
css ie9 打印 hack,IE9下css hack写法
weixin_34900470的博客
08-04 616
ie9一出css hack也该更新，以前一直没关注，今天在内部参考群mxclion分享了IE9的css hack，拿出来也分享一下：select {background-color:red\0; /* ie 8/9*/background-color:blue\9\0; /* ie 9*/*background-color:#dddd00; /* ie 7*/_background-colo...
chrome表单自动填充去掉input黄色背景解决方案
热门推荐
wangxiaohui6687的专栏
08-21 5万+
chrome表单自动填充后，input文本框的背景会变成偏黄色的，这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性，然后对其赋予以下样式： input:-webkit-autofill {background-color: #FAFFBD;background-image: none;color: #000;} 在有些情况下，这个
css hack支持ie8,仅仅 IE8 有效的 CSS hack 写法
weixin_29442503的博客
08-03 693
IE8 CSS hack 就是在属性后面加上\9或者\0,代码如下：color:#FFF\0; /* IE8 */color:#FFF\9; /* 所有IE浏览器(ie6+) */上面的 hack 同样对 IE9 和 IE10 起作用，那么如何单单只针对ie8来渲染呢：解决思路：1，首先用IE8hack；其次用CSS...
css ie9 打印 hack,Css Hack 大全（IE6、IE7、IE8、IE9 css hack）
weixin_36192665的博客
08-04 413
一、IE6 css hack：*html Selector {} /* Selector 表示 css选择器 下同 */Selector { _property: value; } /* property: value 表示 css 的属性名: 属性值 下同 */Selector { _property/**/: /**/value; }Selector { -property: value; }...
简单CSS hack：区分IE6、IE7、IE8、Firefox、Opera
尘埃亦非尘
08-15 303
一、跨浏览器的网页设计一直是让人很头疼的问题，这不只是因为浏览器的版本众多，还有一个重要的原因是相同浏览器的不同时期的版本也会有差异，甚至是在不同操作同台上还会有不同。因此使CSS hack技术进行浏览器区分是实现跨浏览器访问一个好方法。CSS Hack技术有很多，具体可以查看：     本文据说的主要是通过“.”，“>”，“*”，“_”来区分。以下是本人对这四种符号的测试结果：  ———
区分IE6,IE7,IE8,IE9,FireFox,Chrome浏览器的CSS hack
wbryze的博客
04-29 309
/IE8,9/ .Ball_List, .t_list{ background-color:#E9BA84\0; border: #E9BA84 solid 1px\0; } .t_list td, .t_list th, .Ball_List td, .t_list th { border:#E9BA84 solid 1px\0; } /Firefox/ @-moz-document url-prefix() { .Ball_List, .t_list{ background-color:#E9BA84;
面试题更新之-CSS Hack是什么?ie6,7,8的hack分别是什么？
肥晨开发的学习之路
07-13 1364
CSS Hack指的是在CSS中使用一些特定的代码或技巧，通过利用不同浏览器对CSS实现的解析和支持程度的差异以达到不同浏览器下兼容性的目的。CSS Hack可以用于解决不同浏览器之间的样式显示差异问题，尤其是旧版本的Internet Explorer（如IE 6、7、8）存在较多的兼容性挑战。它通常是在样式表中采用特殊的编码方式或选择器语法来针对不同的浏览器进行样式的设定，以实现特定浏览器的样式调整或修复。
IE6-IE10最全的CSS hack方式一览
蔡志伟的博客
08-18 445
IE6-IE10最全的CSS hack方式一览 什么是CSS hack 由于不同厂商的流览器或某浏览器的不同版本（如IE6-IE11,Firefox/Safari/Opera/Chrome等），对CSS的支持、解析不一样，导致在不同浏览器的环境中呈现出不一致的页面展现效果。这时，我们为了获得统一的页面效果，就需要针对不同的浏览器或不同版本写特定的CSS样式，我们把这个针对不同的浏览器/不同...
ie8 css hack 只适用ie8的css写法
06-05 906
color:#000000; /* 正常写法,支持所有 */ color:#cf0606\0; /* 只有ie8识别 */ *color:#cf0606; /* 只有IE7支持 */ _color:#cf0606; /* 只有IE6支持 */ color:#cf0606\9; /* 只有ie浏览器才可识别----*/ ...
CSS Hack(兼容ie8一下的浏览器)
想飞的猪的博客
10-08 1738
一、什么是CSS Hack？ 不同的浏览器对CSS的解析结果是不同的，因此会导致相同的CSS输出的页面效果不同，这就需要CSS Hack来解决浏览器局部的兼容性问题。而这个针对不同的浏览器写不同的CSS 代码的过程，就叫CSS Hack。 CSS Hack常见的有三种形式：CSS属性Hack、CSS选择符Hack以及IE条件注释Hack， Hack主要针对IE浏览器。 1、属性级Hack：比...
IE 10以上HTML css兼容问题,IE10 CSS hack，IE兼容问题
weixin_39954487的博客
06-25 450
首先，ie10不支持条件注释了。方法一：特性检测：@cc_on我们可以用IE私有的条件编译(conditional compilation)结合条件注释来提供针对ie10的Hack：请注意/*@cc_on ! @*/中间的这个感叹号。这样就可以在ie10中给html元素添加一个class=”ie10″，然后针对ie10的样式可以卸载这个这个选择器下：@mediascreenand (-ms-hi...
CSS Hack 区分 IE6 / IE7 /IE8 /Firefox
12-12
但问题是，为了一句CSS写多一个文件，或者在header上添加注释，那...根据CSS的优先性，上面的写法，分别针对Firefox、IE8、IE7和IE6显示值。让我们看看这个演示： 演示的CSS代码如下： [code] p.ie{ height:60px;text-
通过CSS Hack 区分 FF/IE7/IE6/IE5.5/IE5 代码推荐
10-31
### 通过CSS Hack 区分 FF/IE7/IE6/IE5.5/IE5 代码推荐 在Web开发过程中，我们经常会遇到浏览器兼容性问题。不同的浏览器对CSS的支持程度不同，特别是在早期版本的Internet Explorer（IE）与Firefox（FF）之间。...
区分IE6,IE7和firefox的CSS hack
01-19
区别IE6与IE7： background:green !important;background:blue; 区别IE7与FF： background:orange; *background:green; 区别FF，IE7，IE6：background:orange;*background:green !important;*background:blue; 注...
HTML中如何用CSS设置文本样式
wangxiaohui6687的专栏
11-21 2万+
一． 长度单位 1．相对类型 A． px （piexl） 像素，根据显示设备的分辨率的多少而代表不同的长度，因此属于相对类型。例如一张高宽为100px的图，在800×600分辨率中比在1024×768分辨率中大。因为两个分辨率中100px代表的长度不同。 B． em 这是设置以目前字符的高度为单位。比如h1{margin:2em},就会以目前字符的两倍高度来显示。em作为尺度单位时是以f
label和input对齐的方法
wangxiaohui6687的专栏
08-17 1万+
表单元素与提示文字无法对齐的问题(input,checkbox文字对齐）文章的最终方法是： 1. 将文字第一字体设置为Tahoma； 2. 为input元素设置vertical-align:middle; 3. 为label元素设置vertical-align:middle;         这样表单元素和提示文字就达到完美的对齐了。但是等等这里说的对齐只是相对的对齐，原因是中文字体是
如何解决两个相邻的span中间有空隙
wangxiaohui6687的专栏
04-03 8052
span中间不要有换行、或者空格 或者在样式上加上float：left
针对ie6中的透明图片不是透明显示的解决办法
wangxiaohui6687的专栏
03-16 7803
一些图片存在着浏览器的兼容性，本身是透明的图片在ie6中却是不透明，比如： 在ie6中的效果 正常显示的效果 针对以上情况只需要在代码中最后加上下面这一段代码就可以解决了 function correctPNG() { for(var i=0; i { var img = document.im
CSS Hack：针对IE6、IE7、IE8的解决方案
"这篇文章介绍了7个针对不同版本IE浏览器的CSS hack技巧，主要目的是解决IE6、IE7和IE8在解析CSS时存在的兼容性问题，从而确保网页在这些浏览器中呈现一致的效果。" 在Web前端开发中，由于各浏览器对CSS规范的实现...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值