<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>title</title>
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/htmlcharset=utf-8" />
<style type="text/css">
.content {width:200pxheight:100pxoverflow:hiddenbackground-color:#fafafa}
.content img {display:blockmargin:0 auto}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div class="content">
<div><img src="tt.jpg"><div>
</div>
</body>
</html>
<!--上述代码兼容ie6,7,8,ff, safari, opera, chrome! -->
.content img {display:blockmargin:auto}即可
如果你仅仅需要在ie中用css控制图片大小并且不变形的方法.
则给需要变形的img赋予 zoom 这个CSS属性，他的值为 0到1之间的小数，比如
img {zoom:0.5}
即图片的长宽变为原来的一半。
background-color 属性设置元素的背景颜色。
background-color 属性为元素设置一种纯色。这种颜色会填充元素的内容、内边距和边框区域，扩展到元素边框的外边界（但不包括外边距）。如果边框有透明部分（如虚线边框），会透过这些透明部分显示出背景色。
transparent 值
尽管在大多数情况下，没有必要使用 transparent。不过如果您不希望某元素拥有背景色，同时又不希望用户对浏览器的颜色设置影响到您的设计，那么设置 transparent 值还是有必要的。 默认值：transparent继承性：no版本：CSS1JavaScript 语法：object.style.backgroundColor=#00FF00body {background-color:yellow}h1 {background-color:#00ff00}p {background-color:rgb(255,0,255)}
