当前位置: 懒人建站 > html+css > html+css技巧 >

纯CSS实现图片等比缩放兼容IE6/IE7/火狐/谷歌

纯CSS实现图片等比缩放兼容IE6/IE7/火狐/谷歌,解决了各种浏览器的兼容问题。

查看演示   点击下载

代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>纯CSS实现图片等比缩放兼容IE6/' target='_blank'>兼容IE6/IE7/火狐/谷歌_懒人建站</title>
<style type="text/css">
.suofang {MARGIN: auto;WIDTH: 800px;}
.suofang img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 800 ? "800px" : this.width)!important;}
</style>
</head>
<body>

<div class="suofang">
<img src="http://www.51xuediannao.com/uploads/jiqiao/csssuofang/blogbus.png"/>
</div>

</body>
</html>

来源:懒人建站|发布人:懒人建站|2009-11-04|热度:|收 藏|分享到...|报 错

    分享到:


    相关文档
    登 录| 注 册
    你也许会喜欢X 关闭↑返回顶部→相关代码/文章
    收藏到: 百度搜藏 新浪微博 QQ空间 更多
    香港免备案空间,一年80元,500M空间、免费送100M mysql数据库。香港新世界电讯机房,与万网香港空间同机房,懒人建站同服务器。点击这里给我发消息速度演示:jquery 特效