例如我们的图片在最大宽度为990px的容器内,如果我们上传的图片大于该宽度,那么我们的图片就显示不完整或者破坏了我们的页面美观。这样我们该怎么解决呢?CSS是很强大的,我们通过CSS来解决这个问题。让上传的图片在大于990px时自动按比例缩放至990px的宽度,在上传小于990px的图片时,正常显示该图片。CSS代码如下:
img{
max-width:990px;/*——设置最大宽度——*/
_width:expression(this.width<990px?”auto”:”990px”);/*——expression表达式 ——*/
}
IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和Javascript表达式关联起来,这里的CSS属性可以是元素固有的 属性,也可以是自定义属性。就是说CSS属性后面可以是一段Javascript表达式,CSS属性的值等于Javascript表达式计算的结果。 在表达式中可以直接引用元素自身的属性和方法,也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员函数中一样。