相关文章
网站制作网页制作总结CSS的小技巧
网页设计整站示例演示
北京网站建设渐飞网站管理系统快速入门
北京网页设计浅谈在网页上显示日期的两种方法
网站制作Dreamweaver方便快捷编辑网页标签
北京网页设计DW滤镜样式的语法规则
网站制作Dreamweaver MX 2004从零开始(2)
北京网站设计解决在Dreamweaver中不支持中文文件名的方法
网页设计自己动手制作活动菜单条
北京网站设计FLASH MX 2004视频教程:《火影忍者》片头制作(五)
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网站制作 >> 北京网页设计北京网站制作DIV下图片自适应解决方法
北京网页设计北京网站制作DIV下图片自适应解决方法
作者： 北京网站建设 日期：2008-03-27 06:03:34 来源： http://www.qitongnet.com
DIV下图片自适应解决方法
div下图片自适应解决方法以前的解决方法主要是利用js来实现，但用过的人都知道该办法有点繁琐。还有一种是在外部容器定义over-flow:hidden。但这种办法只会切割图片而不会自动适用。
关键在于：max-width:780px;以及下面那行。
固定像素适应:网站建设
| 以下是引用片段： 北京网页设计北京网站建设 <!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>css2.0 VS ie</title> 网站制作 <style type="text/css"> 北京网站设计 <!-- 网页设计 body { 北京网站建设 www.qitongnet.com font-size: 12px; 网站建设 text-align: center; 北京网站建设 margin: 0px; 北京网页设计 padding: 0px; 企通互联 } 北京网页设计 #pic{ 企通互联 企通互联 margin:0 auto; 北京网站设计 width:800px; 网站制作 padding:0; 北京网站设计 border:1px solid #333; 北京网站建设 } 网站设计北京网页设计 #pic img{ 北京网页设计 max-width:780px; 网站建设 width:expression(document.body.clientWidth > 780? "780px": "auto" ); 北京网站制作 border:1px dashed #000; 网站制作 } 网站建设 --> 网站制作 </style> 北京网站制作 </head> 网站建设 <body> 网站设计 <div id="pic"> 网站制作 <img src="/articleimg/2006/03/3297/koreaad_10020.jpg" alt="感谢blueidea被我盗链图片！"/> 企通互联 </div> 网站建设 </body> 网站制作 </html> |
百分比适应:北京网站建设
| 以下是引用片段： 网站制作网站制作 <!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>css2.0 VS ie</title> 北京网页设计 <style type="text/css"> 企通互联 <!-- 网站建设 body { 北京网站建设 font-size: 12px; 网站设计 text-align: center; 北京网站建设 margin: 0px; 网站设计 padding: 0px; 企通互联 } 网站制作 #pic{ 网页设计 margin:0 auto; 北京网站制作网站建设 width:800px; 网站设计 padding:0; 北京网站建设 border:1px solid #333; 网页设计 } 企通互联 #pic img{ 网站制作 max-width:780px; 北京网站建设 width:expression(document.body.clientWidth>document.getElementById("pic").scrollWidth*9/10? "780px": "auto" ); 北京网站建设 border:1px dashed #000; 网站制作 } 北京网页设计 --> 北京网站设计 </style> 网站设计 </head> 北京网站设计 <body> 网站建设 网站建设 <div id="pic"> 北京网站制作 网页设计 <img src="/articleimg/2006/03/3297/koreaad_10020.jpg" alt="感谢blueidea被我盗链图片！"/> 北京网站建设 </div> 网页设计 </body> 网站制作 </html> |