主流浏览器CSS-HACK兼容写法
对于前端工作者,使用css最痛苦的事莫过于浏览器兼容性的调试,而这最痛苦的事中,最变态的莫过于微软的三个版本IE6.0/IE7.0/IE8.0. 为了让所写代码在各主流浏览器中正常运行，我们不得不为各种浏览器写对应的样式。本文，青鸟将为你总结CSS针对各浏览器的兼容HACK(以IE6/IE7/IE8 /FF为主),以及IE特有的条件注释使用方法. 阅读全文 »
Filed under:Css | No Comments
纯css实现广告或图片的内容环绕效果
纯css实现广告或图片的内容环绕效果，实际上是利用css的clear属性实现文字环绕图片效果。
代码如下： 阅读全文 »
Filed under:Css | No Comments
ie6下图片(Img)height:auto的高度问题
在IE6下，如果在CSS里写了img{height:auto}这样的样式，貌似不会正常显示。不定义高度或者只定义宽度就没问题。
当然并不推荐使用CSS去规定图片的宽高，如果图片多的话可能较占资源。
Filed under:Css | No Comments
如何解决ie6双倍边距的问题
ie6中，如果相对于父级元素使用浮动的话,将会出现双倍边距的问题;即margin-left:10px;在ie6中将变成margin-left:20px；这种情况只出现在左右
解决方法是
1:修改父级元素属性值，避免使用浮动
2:在该标签中加上display:inline
3：使用HAKE
Filed under:Css, 网站建设 | No Comments
区分ie6,ie7,firefox的css hack
区分ie6,ie7,firefox的css hack的有许多种写法，这里推荐的写法可以通过W3C的CSS校验。
1.区分ie6,ie7,firefox
#abc{
background:orange
}/*标准样式，三种浏览器都能理解*/
*+html #abc{
background:green
}/*IE7独有HACK，只有IE7可以理解，后复盖前，所以IE7会使用这个样式*/
* html #abc{
background:blue
}/*IE6独有HACK，只有IE6可以理解，后复盖前，所以IE6会使用这个样式*/
2.区分ie6和ie7,firefox(ie7与firefox效果同) 阅读全文 »
Filed under:Css | No Comments
如何解决图片过大撑破网页？
如何解决图片过大撑破网页？一般解决方法运用css定义图片样式或者js控制图片。
很多时候图片没编辑直接用于网上的话有可能会出现图片撑破网页，css控制overflow:hidden的话，多出的图片会隐藏，因此最好的方法是当图片超过一定宽度的时候给它一个宽度，让图片等比例压缩。那么究竟如何解决图片过大撑破网页呢？
除IE6及以下版本浏览器外：
其他浏览器一般可以用下面这种方法实现：img{maxwidth:600px}，这个意思是图片的最大宽度是600像素，这种方法IE6不支持，优点是实现很简单，不需要等图片下载完之后才能控制，因为CSS先下载完。
能兼容IE6的方法： 阅读全文 »
Filed under:Css, Javascript, 网站建设 | No Comments
如何让ie6支持PNG
如何让ie6支持PNG呢？
相信大多数网站从业者都曾遇到过这种情况
1.需要半透明效果支持，gif图片能办到，却有锯齿
2.png半透明图片没有锯齿，换成Png修饰，ie6却不支持png半透明
3.借用google广告的一句话：孔子曾经曰过，知之为知之，不知Google之…不管是google还是百度，找了许多，但是很多都不奏效。
那么究竟如何使ie6支持png的半透明呢？如下：
Filed under:Css | No Comments