网页图片垂直剧中等比例缩放黑白显示

2024-04-27 14:31:43

字体：大中小

来源：转载

供稿：网友

网页图片垂直剧中等比例缩放黑白显示

<!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=utf-8" /><title>无标题文档</title></script><style type="text/CSS"><!--body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;}

img{width: exPRession_r(this.width > 200 && this.width > this.height ? 200 : true);height: expression_r(this.height > 160 ? 200 : true);max-width:200px;max-height:160px;min-width:0px;min-height:0px;position:static;+position:relative;top:-50%;left:-50%;filter: Gray;}div{width:500px;height:360px;background:#000;overflow:hidden;position:relative;display:table-cell;text-align:center;vertical-align:middle;

}p{position:static;+position:absolute;top:50%;background-color:#0F0;}--></style></head><body><div><p><a href="#"><img src="Chrysanthemum.jpg"/></a></p></div></body></html>

上一篇：网页垂直居中

下一篇：Css样式兼容IE6,IE7,FIREFOX的写法