在 IE6 中,可以很方便地利用 img 的 src 属性,实现本地图片预览,然而在 IE7 中,这种办法却行不通。需要用 AlphaImageLoader
。
说明:
在对象容器边界内,在对象的背景和内容之间显示一张图片。并提供对此图片的剪切和改变尺寸的操作。如果载入的是PNG(Portable Network Graphics)格式,则0%-100%的透明度也被提供。
语法:
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )
enabled:
可选项。布尔值(Boolean)。设置或检索滤镜是否激活。
true:默认值。滤镜激活。
false:滤镜被禁止。
sizingMethod:
可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。
crop:剪切图片以适应对象尺寸。
image:默认值。增大或减小对象的尺寸边界以适应图片的尺寸。
scale:缩放图片以适应对象的尺寸边界。
src:
必选项。字符串(String)。使用绝对或相对 url 地址指定背景图像。假如忽略此参数,滤镜将不会作用。
分享到:
相关推荐
6. progid:DXImageTransform.Microsoft.BasicImage:执行基本图像操作,如旋转、缩放和翻转。 7. progid:DXImageTransform.Microsoft.Blur:模糊效果。 8. progid:DXImageTransform.Microsoft.DropShadow:添加可...
非常漂亮的Js图片边框修饰插件,并附有几种常用的示例,像阴影效果、顶部... ie解决方案: filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=‘../images/counter_bg.jpg‘, sizingMethod=‘scale
_filter: progid: dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=scale, src="images/btn_slideshow.png");_background: none;} #slideshow .btns s.prev{left: 0px} #slideshow .btns s...
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/yourimage.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/your...
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your-image-url.png', sizingMethod='scale'); } ``` 这个滤镜会将PNG图片替换为一个带有透明效果的新图片,但可能会导致布局或性能问题。 2...
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png', sizingMethod='scale'); /* 兼容其他浏览器 */ *behavior: url(iepngfix.htc); } ``` 这里,`src`属性指定了要加载的PNG图像,`...
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='yourimage.png', sizingMethod='scale'); } ``` 这将加载一个透明的PNG图像,并调整大小以适应元素。 2. **CSS表达式(Expression)**: 另...
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='yourimage.png', sizingMethod='scale')"; } ``` 这段代码会告诉IE6使用滤镜来加载指定的PNG24图片,并保持其透明度。 2. ...
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/myimage.png', sizingMethod='scale' ); } ``` 在这个例子中,`src`属性指定了要加载的PNG图片,`sizingMethod`参数可以是`crop`或`...
例如,可以使用`filter:progid:DXImageTransform.Microsoft.AlphaImageLoader`,这个滤镜允许你指定一个图像源(通常为PNG-24图像)并设置透明度。 3. **使用.htc行为文件**: - HTC(HTML Component)是微软的一...
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png', sizingMethod='...
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='path_to_your_image.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='path_to_your...
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png', sizingMethod='scale'); background-image: url('image.png'); } /* 适用于内联元素的背景图片 */ img { filter: progid:...
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='path/to/your/png.png', sizingMethod='scale'); display: block; } ``` 这里`src`属性指定PNG图像的路径,`sizingMethod`可以是`crop`或`...
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tra.png', sizingMethod='scale'); background: transparent; } ``` 然后在HTML中,将`tra.png`作为背景图应用到元素上: ```html ...
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png', sizingMethod='scale'); /* 用实际的PNG图片路径替换'image.png' */ } ``` 这段代码告诉IE6使用AlphaImageLoader滤镜来加载指定的...
1. **AlphaImageLoader滤镜**:这是最常见的一种解决方案,通过使用CSS的滤镜属性`filter: progid:DXImageTransform.Microsoft.AlphaImageLoader`,可以加载一个透明PNG图像并应用到元素背景上。例如: ```css ....
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled=bEnabled, sizingMethod=sSize, src=sURL); ``` - **`enabled`**:可选参数,布尔值。用于设置或检索滤镜是否激活,默认值为`true`。 -...