摘要: haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在InternetExplorer中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念,渲染引擎采用了 hasLayout 的属性,属性值可以为true或false。当一个元素的 hasLayout属性值为true时,我们说这个元素有一个布局(layout)要想更好的理解 css, 尤其是 IE 下对 css 的渲染,haslayout 是一个非常有必要彻底弄清楚的概念。大多IE下的显示错误,就是源于 haslayout。如果它设置成 阅读全文
posted @ 2014-02-18 21:38 jiaojiao085 阅读(160) 评论(0) 推荐(0) 编辑
摘要: 本文摘自别人的百度空间。1.用css中的zoom属性可以让网页实现IE7中的放大缩小功能。比如你想让你的网页缩小为原来的一半,那么就在body中加入style="zoom:0.5",如:程序代码2.使用zoom、overflow解决IE6、IE7、火狐浏览器下嵌套容器清除浮动问题 我们经常遇到一个容器外面套一个边框,边框高度随容器高度变化,但是当边框内容器设置了浮动属性后,外框就不跟随变化,这时就需要清除浮动。给外边框容器加上overflow:auto的属性,可以解决IE7和火狐浏览器下的清除浮动问题,但是IE6下不生效,我们需要使用IE的一个私有属性zoom使IE5.5的 阅读全文
posted @ 2014-02-18 21:28 jiaojiao085 阅读(1951) 评论(0) 推荐(0) 编辑
摘要: body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; font-variant: small-caps; font-style: italic; line-height: 150%; }可以被写成:代码如下: body { font: italic small-caps normal 13px/150% Arial, Helvetica, sans-serif; } 阅读全文
posted @ 2014-02-18 20:35 jiaojiao085 阅读(130) 评论(0) 推荐(0) 编辑
摘要: 清除浮动是每一个web前台设计师必须掌握的机能。为什么浮动这么难?因为浮动会使当前标签产生向上浮的效果,同时会影响到前后标签、父级标签的位置及widthheight属性。而且同样的代码,在各种浏览器中显示效果也有可能不相同,这样让清除浮动更难了。解决浮动引起的问题有多种方法,但有些方法在浏览器兼容性方面还有问题。我根据自己的经验总结8种清除浮动的方法(测试已通过iechromefirefoxopera,后面三种方法只做了解就可以了):1,父级div定义heightLeftRightdiv2原理:父级div手动定义height,就解决了父级div无法自动获取到高度的问题。优点:简单,代码少,容易 阅读全文
posted @ 2014-02-18 12:23 jiaojiao085 阅读(124) 评论(0) 推荐(0) 编辑
摘要: 所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前,我想把前端开发人员划分为两类:第一类是精确按照设计图开发的前端开发人员,可以说是精确到1px的,他们很容易就会发现设计图的不足,并且在很少的情况下会碰到浏览器的兼容性问题,而这些问题往往都是浏览器的bug,并且他们制作的页面后期易维护,代码重用问题少,可以说是比较牢固放心的代码。第二类是基本按照设计 阅读全文
posted @ 2014-02-18 11:50 jiaojiao085 阅读(341) 评论(0) 推荐(0) 编辑
摘要: 1.区别IE和非IE浏览器代码如下:#tip {background:blue;background:red \9;}2.区别IE6,IE7,IE8,FF【区别符号】:「\9」、「*」、「_」【示例】:代码如下:#tip {background:blue;background:red \9;*background:black;_background:orange;}【说明】:因为IE系列浏览器可读「\9」,而IE6和IE7可读「*」(米字号),另外IE6可辨识「_」(底线),因此可以依照顺序写下来,就会让浏览器正确的读取到自己看得懂得CSS语法,所以就可以有效区分IE各版本和非IE浏览器(像是 阅读全文
posted @ 2014-02-18 08:48 jiaojiao085 阅读(257) 评论(0) 推荐(0) 编辑
摘要: 你对IE和火狐浏览器的CSS区别是否熟悉,这里和大家一起探讨一下,相信本文介绍一定会让你有所收获。IE和火狐浏览器的CSS区别1、IE6.0的div的内嵌div可以把父级的高度撑大,而FireFox不可以,要自己设置高度。2、当设置为三列布局时,IE6.0的float宽度不能达到100%,而FireFox可以。当设置为两列布局时,两种浏览器都可以。3、在火狐浏览器中,非float的div前面有同一父级的float的div,此div若有背景图,要使用clear:both,才能显示背景图,而IE6.0中不用使用clear:both。4、在[text-decoration:underline]的属性 阅读全文
posted @ 2014-02-18 08:37 jiaojiao085 阅读(3746) 评论(0) 推荐(0) 编辑