如何用CSS控制整个网站所有图片的宽度呢?

来源:百度知道 编辑:UC知道 时间:2024/06/22 11:51:28
有一个网站,里面显示图片都大有小,我想在全局CSS里,加入一段CSS代码,实现全站所有图片的宽度<600,如果原图片本身宽度就小于600,就原样显示。如果大于600,宽度就自动等比缩小为600,主要目的是为了防止网页被图片撑大变形,最好考虑代码兼容性,在IE6/7/8,GOOGLE,火狐都能实现最好咯。
谢谢了。

CSS不是JS
不能<600符号的
所以没有办法判断
只能用JS来控制了

办法是有的额
很简单的,用JS来控制
你发个网页到我邮箱
我写下发给你
zp@qchencn.com

用js非常简单
var imgs=document.getElemensByTagName("img");
for(var x in imgs){
var w=parseFloat(imgs[x].width);
imgs[x].style.width=w>=600? '600px': w;
}

呵呵,其实CSS可以写JS
img{
width:expression(
document.getElemensByTagName("img").width > 600 ? "600px" : document.getElemensByTagName("img").width
);
}

把下面代码放在head中
<script language="javascript">
var imgs=document.getElemensByTagName("img");
for(var x in imgs){
var w=parseFloat(imgs[x].width);
imgs[x].style.width=w>=600? '600px': w;
}

</script>

如果要写在 HEAD里的话 应该是这样

<script language="javascript">
window.onload = function () {
var imgs=document.getElemensByTagNa