网站建设
 
设为首页 访问新版
用户ID/邮箱: 密 码:
网站建设资讯 News 您目前的位置:网站建设 >> 网站建设资讯 >> 网页设计 >> CSS Hack 汇  

CSS Hack 汇总快查

屏蔽IE浏览器(也就是IE下不显示)
*:lang(zh) select {font:12px  !important;} /*FF,OP可见,特别提醒:由于Opera最近的升级,目前此句只为FF所识别*/
select:empty {font:12px  !important;} /*safari可见*/
这里select是选择符,根据情况更换。第二句是MAC上safari浏览器独有的。
仅IE7与IE5.0可以识别
*+html  select {…}
当面临需要只针对IE7与IE5.0做样式的时候就可以采用这个HACK。
仅IE7可以识别
*+html  select {…!important;}
当面临需要只针对IE7做样式的时候就可以采用这个HACK。
IE6及IE6以下识别
* html  select {…}
这个地方要特别注意很多博客都写成了是IE6的HACK其实IE5.x同样可以识别这个HACK。其它浏览器不识别。
html/**/ >body  select {…}
这句与上一句的作用相同。
仅IE6不识别,屏蔽IE6
select { display /*屏蔽IE6*/:none;}
这里主要是通过CSS注释分开一个属性与值,注释在冒号前。
仅IE6与IE5不识别,屏蔽IE6与IE5
select/**/ { display /*IE6,IE5不识别*/:none;}
这里与上面一句不同的是在选择符与花括号之间多了一个CSS注释。不屏蔽IE5.5
仅IE5不识别,屏蔽IE5
select/*IE5不识别*/ {…}
这一句是在上一句中去掉了属性区的注释。只有IE5不识别,IE5.5可以识别。
盒模型解决方法
selct {width:IE5.x宽度; voice-family :"\"}\""; voice-family:inherit; width:正确宽度;}
盒模型的清除方法不是通过!important来处理的。这点要明确。
清除浮动
select:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
在Firefox中,当子级都为浮动时,那么父级的高度就无法完全的包住整个子级,那么这时用这个清除浮动的HACK来对父级做一次定义,那么就可以解决这个问题。
截字省略号
select { -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
这个是在越出长度后会自行的截掉多出部分的文字,并以省略号结尾,很好的一个技术。只是目前Firefox并不支持。
只有Opera识别
@media all and (min-width: 0px){ select {……} }
针对Opera浏览器做单独的设定。
以上都是写CSS中的一些HACK,这些都是用来解决局部的兼容性问题,如果希望把兼容性的内容也分离出来,不妨试一下下面的几种过滤器。这些过滤器有的是写在CSS中通过过滤器导入特别的样式,也有的是写在HTML中的通过条件来链接或是导入需要的补丁样式。

IE5.x的过滤器,只有IE5.x可见
@media tty {
i{content:"\";/*" "*/}} @import ''ie5win.css''; /*";}
}/* */
IE5/MAC的过滤器,一般用不着
/*\*//*/
    @import "ie5mac.css";
/**/
IE的if条件Hack
Only IE
所有的IE可识别

只有IE5.0可以识别
Only IE 5.0+
IE5.0包换IE5.5都可以识别

仅IE6可识别
Only IE 6/+
IE6以及IE6以下的IE5.x都可识别
Only IE 7/-
仅IE7可识别
以上内容可能并不全面,欢迎大家能和我一起把这些技巧都汇总起来,为以后工作的查询提供一个方便,同时在这里感谢那些研究出这些HACK的作者们。


上一条: 分享:CCS中Float的实质
下一条: gb2312编码转换到utf-8网页编码的方法
网页设计相关文章
一个很*酷*的思路-用*视频*作为*网页背景*(转自站长之家)
简单分析下HTML5中缩略词标记的重要作用
html5技术能取代Flash技术成为主流吗?
网站建设代码之站内搜索引擎代码分享
一个可以在浏览器标题栏显示的网站建设时间代码
FTP是什么?在网站设计中有什么意义?
如何选择好的论坛发外链
屏蔽页面快捷键
分享:相对定位和绝对定位
如何批量替换超链接标签?
网站建设套餐
网站优化(网站推广)
域名注册
虚拟主机
企业邮局
软件开发
相关资讯 Other News
快速导航 Fast Navigation
网站建设投诉建议
投诉建议
网站建设客户服中心
客服中心
网站建设付款中心
付款方式
网站优化中心
网站优化
网站建设套餐
网站建设

网站价值

轻松一刻
站长工具
站长工具

积分兑换
网站首页关于我们业务范围新闻资讯成功案例客服中心联系我们网站建设网站优化付款帐户
文档下载 网站建设服务协议 | 网站建设报价 | 网站备案资料 | 网页设计软件 | PhotoShop(图片处理) | FTP网页上传/下传软件 | 营销式网站优化
深圳网站建设公司专业提供各种营销型网页设计\网站优化\深圳网站建设服务... 【老字号】、广州、东莞、深圳网站建设 | 网站建设网页特效 | 企业网站(官网)
网站建设 | 网页设计 | 深圳网站优化 | 网站地图 | 专业的深圳网站建设,深圳网站优化,网页设计,网站设计开发团队 | 网站建设源码下载
COPYRIGHT(C) 2005-2018 亚网互联·中国 版权所有 ALL RIGHTS RESERVED  (  粤ICP备15005241号 ) 来访IP:54.162.224.176
深圳网站建设公司地址:深圳市宝安区龙华民治大道东明大厦15楼 1529-1531 室     E-Mail:sales@yanet.cn   web@yanet.cn  
公司电话:0755-89812581(8线)   4006-800535
深圳市博士通科技有限公司 深圳网站建设常年法律顾问:朱运德律师