CSS强制图片自适应宽度大小_图片特效特效

模板酷站
  •       3/5
  •       1
  •       2
  •       3
  •       4
  •       5
查看演示效果

      织梦DedeCMS视频教程买空间 租服务器 选网硕互联！ 无忧站长工具,百度权重一键全查!

      用CSS代码的expression属性强制改变网页图片的原有大小，以自适应大小而不影响网页布局，测试图片为源码爱好者LOGO，你可以试着着更改宽度值，以查看显示效果。

      <!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" mrc="text/html; charset=gb2312" /> <title>CSS强制图片自适应宽度</title> <style type="text/css"> img {width:expression(this.width>100?"360px":this.width+"px");} </style> </head> <body> 如果LOGO宽度大于100像素则强制显示为360像素宽，高度没有定义。实际上LOGO宽度为210像素。<br><br> <div> <img src="http://p1.mb5u.com/texiao/1/2011022516043386.gif" /> </div> </body> </html>

查看原文