当然并不推荐使用CSS去规定图片的宽高，如果图片多的话可能较占资源。

解决方法是
1:修改父级元素属性值，避免使用浮动

2:在该标签中加上display:inline

3：使用HAKE

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效果同)
#abc{
background:orange !important;background:blue
} /*!important有优先作用，并且IE7和FF都能理解这个HACK，所以此样式在IE7与FF下应该解析为橙色，IE6应该解析为蓝色*/

以上就是区分ie6,ie7,firefox的css hack的推荐写法。

以下写法不推荐：
比较普遍的就是*和_写法！
用这种写法去区分IE6和IE7以及FF，如
#abc{background:orange;*background:green;_background:blue;}

很多时候图片没编辑直接用于网上的话有可能会出现图片撑破网页，css控制overflow:hidden的话，多出的图片会隐藏，因此最好的方法是当图片超过一定宽度的时候给它一个宽度，让图片等比例压缩。那么究竟如何解决图片过大撑破网页呢？

除IE6及以下版本浏览器外：

其他浏览器一般可以用下面这种方法实现：img{maxwidth:600px}，这个意思是图片的最大宽度是600像素，这种方法IE6不支持，优点是实现很简单，不需要等图片下载完之后才能控制，因为CSS先下载完。

能兼容IE6的方法：

1.在img标签中使用“ onload=”if(this.width>600)this.width=600″ ”这样子的属性就可以在ie下控制图片的最大宽度，缺点是必须等图片载入后这个onload才会起作用。

2.在css中定义img {max-width: 600px; width:expression(this.width > 600 ? “600px” : this.width)}，因为ie6支持expression，不过似乎比较占用资源。

3.使用 JavaScript 调整
一般情况下大多数人会使用 JavaScript，但脚本只能在页面装载完成之后执行，网络状况不太好的话，需要加载很长一段时间才能轮到脚本执行，用户体验较差；另外，如果用户关闭了浏览器的 JavaScript 支持，这个方法也就失效了。这里提供一个，貌似管用..

<script type=”text/javascript”>

window.onload = function() {

for (var index = 0; index <document.images.length; index++) {

var maxWidth = 600;

if (document.images[index].width> maxWidth) {

document.images[index].width = maxWidth;

}

}

}

</script>

相信大多数网站从业者都曾遇到过这种情况

1.需要半透明效果支持，gif图片能办到，却有锯齿

2.png半透明图片没有锯齿，换成Png修饰，ie6却不支持png半透明

3.借用google广告的一句话：孔子曾经曰过，知之为知之，不知Google之…不管是google还是百度，找了许多，但是很多都不奏效。

那么究竟如何使ie6支持png的半透明呢？如下：

.classname{

background:url(imgADD.png) no-repeat left bottom;

}

/* IE6 */

* html .classname{

background:none;

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’imgADD.png’, sizingMethod=’crop’);

}

/* IE7 */

*+html .classname{

background:url(imgADD.png) no-repeat left bottom!important;

}

在CSS中依次按照上述格式和顺序书写即可解决IE6支持PNG透明。