查询条html样式,CSS Hack汇总快查(CSS兼容代码演示)

女爷i 2022-10-07 15:57 11阅读 0赞

以下是常用CSS HACK问题及解决代码-DIV+CSS网支持

1、屏蔽IE浏览器(也就是IE下不显示)\*:lang(zh) select \{font:12px !important;\} /\*FF的专用\*/

select:empty \{font:12px !important;\} /\*safari可见\*/

这里select是选择符，根据情况更换。第二句是MAC上safari浏览器独有的。

2、仅IE7识别hack

\*+html \{…\}

当面临需要只针对IE7做样式的时候就可以采用这个HACK。

3、IE6及IE6以下识别CSS HACK

\* html \{…\}

这个地方要特别注意很多地主都写了是IE6的HACK其实IE5.x同样可以识别这个HACK。其它浏览器不识别。

html/\*\*/ >body select \{……\}

这句与上一句的作用相同。

4、仅IE6不识别div hack

select \{ display /\*IE6不识别\*/:none;\}

这里主要是通过CSS注释分开一个属性与值，流释在冒号前。

5、仅IE6识别支持.yangshi\{\_height:20px;\}

这里IE6支持识别CSS属性前“\_”短下划线。

6、仅IE6与IE5不识别

select/\*\*/ \{ display /\*IE6,IE5不识别\*/:none;\}

这里与上面一句不同的是在选择符与花括号之间多了一个CSS注释。

7、仅IE5不识别

select/\*IE5不识别\*/ \{ display:none;\}

这一句是在上一句中去掉了属性区的注释。只有IE5不识别

8、盒模型解决方法

selct \{width:IE5.x宽度; voice-family :"\\"\}\\""; voice-family:inherit; width:正确宽度;\}

盒模型的清除方法不是通过!important来处理的。这点要明确。

9、清除浮动

select:after \{content:"."; display:block; height:0; clear:both; visibility:hidden;\}

在Firefox中，当子级都为浮动时，那么父级的高度就无法完全的包住整个子级，那么这时用这个清除浮动的HACK来对父级做一次定义，那么就可以解决这个问题 。

10、截字省略号

select \{ -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; \}

这个是在越出长度后会自行的截掉多出部分的文字，并以省略号结尾，很好的一个技术。只是目前Firefox并不支持。

11、只有Opera识别

@media all and (min-width: 0px)\{ select \{……\} \}

针对Opera浏览器做单独的设定。

以上都是写CSS中的一些HACK，这些都是用来解决局部的兼容性问题，如果希望把兼容性的内容也分离出来，不妨试一下下面的几种过滤器。这些过滤器有的是写在CSS中通过过滤器导入特别的样式，也有的是写在HTML中的通过条件来链接或是导入需要的补丁样式。

12、IE的if条件Hack

所有的IE可识别

只有IE5.0可以识别

IE5.0包换IE5.5都可以识别

仅IE6可识别

IE6以及IE6以下的IE5.x都可识别

仅IE7可识别

13、仅IE8兼容识别div\{height:20px\\9;\}

这里的“\\9”仅IE8支持识别

以上DIV+CSS教程整理部分HACK解决代码并演示，希望对您有帮助,更多CSS HACK进入http://www.divcss5.com/css-hack/查询和查看寻找自己需要答案，如不能解决可到CSS论坛发贴求助帮助！

发表评论取消回复

表情：

评论列表（有 0 条评论，11人围观）

还没有评论，来说两句吧...

相关阅读

相关 CSS样式常用的兼容hack写法

虽然现在低版本的浏览器不再推荐使用，但是国内仍然避免不了一大群人在依旧坚持使用。如IE6 .bg\{ background:\ccc; \_background:\b

不念不忘少年蓝@/ 2023年02月08日 12:57/ 0 赞/ 36 阅读

相关查询条html样式,CSS Hack汇总快查(CSS兼容代码演示)

以下是常用CSS HACK问题及解决代码-DIV+CSS网支持 1、屏蔽IE浏览器(也就是IE下不显示)\:lang(zh) select \{font:12px !impo

女爷i/ 2022年10月07日 15:57/ 0 赞/ 12 阅读

相关 css hack--浏览器兼容性问题

css hack–浏览器兼容性问题写css样式的时候，恐怕最头疼的就是各个浏览器下的兼容性问题，即css hack，不同的浏览器对css的解析结果是不同的，因此会导致相

雨点打透心脏的1/2处/ 2022年10月01日 13:49/ 0 赞/ 279 阅读

相关 CSS兼容性汇总

最近更新时间：2017年5月24日15:43:10 [《我的博客地图》][Link 1] 随着现代浏览器发展速度太快，种类多，版本多，不同厂商浏览器或同一厂商不同版

短命女/ 2022年09月27日 15:23/ 0 赞/ 272 阅读

相关 css hack

CSS hack方式一：条件注释法　这种方式是IE浏览器专有的Hack方式，微软官方推荐使用的hack方式。举例如下只在IE下生效 <!--[

野性酷女/ 2022年07月15日 11:06/ 0 赞/ 269 阅读

相关 HTML样式- CSS

http://[blog.csdn.net/pipisorry/article/details/78929649][blog.csdn.net_pipisorry_articl

布满荆棘的人生/ 2022年06月02日 01:29/ 0 赞/ 260 阅读

相关 CSS Hack

一般来说是针对不同的浏览器写不同的CSS,就是 CSS Hack。如果是做一个大型web网站，就一定会考虑到浏览器兼容的问题。不同的浏览器因为其内核不同所以对应的可以

比眉伴天荒/ 2022年05月15日 06:47/ 0 赞/ 262 阅读

相关 CSS Hack 和向后兼容

1 instructions: //unvalidate 2 3 仅 Firefox 3 和 IE7 识别的 Hack: 4 selecto

布满荆棘的人生/ 2021年12月14日 06:09/ 0 赞/ 321 阅读

相关 css hack

height:20px; /\For [Firefox][]\/ \height:25px; /\For IE7 & IE6\/ \_height:20px; /\Fo

- 日理万妓/ 2021年11月05日 02:24/ 0 赞/ 307 阅读

相关 CSS--样式汇总

前言内容文字样式图片样式页面样式表格和表单样式超链接样式总结

深藏阁楼爱情的钟/ 2021年09月27日 05:30/ 0 赞/ 358 阅读