返 回 顶 部

随笔分类 -  hack

摘要:用CSS 的定义一个DIV的高度时,在IE7 ,IE8浏览器下可以正常显示。但是在IE 6 中,height 在10px以下就无法定义了。这点跟表格有点类似。解决的方法如下: 法一:定义overflow属性。比如想定义一个高度为2px 的线条。 <div style="height:2px;overflow:hidden;background:#000000;width:778px;"></div> 法二:将div 的字体大小属性fontsize 设置为跟高度相同。 1. <div style="height:2px;font-siz 阅读全文
posted @ 2011-09-14 16:30 lancee 阅读(371) 评论(0) 推荐(0)
摘要:前端设计师又有活干了,多了一个找麻烦的兄弟chrome@media screen and (-webkit-min-device-pixel-ratio:0) {#abc{ margin-left:500px; }}这个只针对chrome,有人说还有一个写法,body:nth-of-type(1) #abc{margin-left:500px;}但是这个写法,我测试了一下,在FF里面也起作用,所以还是第一个。附:各种常见浏览器使用的内核 (Rendering Engine)Mozilla Firefox ( Gecko )Internet Explorer ( Trident )Opera ( 阅读全文
posted @ 2011-09-06 10:23 lancee 阅读(3205) 评论(0) 推荐(0)
摘要:在CSS布局中,还常常用到IE Hack。if IE起着非常大的作用!if IE什么意思呢?下面就列举了一些在CSS常见的HACK控制语句。作为IE的IF条件注释使用备忘,有些时候试用if IE而不是在css中使用hack,就能通过w3c验证。<!--[if !IE]><!-->非IE可识别<!--<![endif]--><!--[if IE]> 所有的IE可识别 <![endif]--><!--[if IE 5.0]> 只有IE5.0可以识别 <![endif]--><!--[if IE 5]&g 阅读全文
posted @ 2011-07-24 11:41 lancee 阅读(4433) 评论(0) 推荐(0)
摘要:ie5 hack, ie 6 hack, ie 8 hack,ie 9 我没用,暂时也没接触过9的hack,随着浏览器的更新(而且换代越来越快),是不是我有写不完的hack,还是说高手从不写hack。IE7能识别*,也能识别!important; FF不能识别*,但能识别!important; IE6 IE7 FF * √ √ × !important × √ √ 浏览器优先级别:FF<IE7<IE6,CSS hack书写顺序一般为FF IE7 IE6 以: " #demo {width:100px;} "为例; #demo {width:1 阅读全文
posted @ 2011-07-09 16:40 lancee 阅读(315) 评论(1) 推荐(0)