解决"ie6下png透明图片"的兼容问题之滤镜+hack方法

PNG ( Portable Network Graphics ) 格式的无损压缩和半透明特性对增强网页效果减少网页体积有着重要的作用,但由于 IE6 不支持 PNG,所以一直未能得到广泛的应用。虽然 IE7 已经支持 PNG,但目前 IE6 还是主流,怎么样让 IE6 也使用 PNG 呢?网上有相关的介绍,下面我也尝试做一下介绍,希望在表达上能更加通俗易懂。

IE5.5+ 的 AlphaImageLoader 滤镜为 PNG 提供良好的支持,虽然 IE5.0 无法支持,但毕竟是非常非常小的一部分,将来会更小,因此我们不考虑。

滤镜的语法:

filter: progid: DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled, sizingMethod=sSize, src=sURL )

属性:

enabled: 可选项,布尔值(Boolean)。设置或检索滤镜是否激活。true | false

true: 默认值,滤镜激活。

false: 滤镜被禁止。

sizingMethod: 可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。

crop: 剪切图片以适应对象尺寸。

image: 默认值。增大或减小对象的尺寸边界以适应图片的尺寸。

scale: 缩放图片以适应对象的尺寸边界。

src: 必选项。字符串(String)。使用绝对或相对 url 地址指定背景图像。假如忽略此参数,滤镜将不会作用。

使用方法:

html>body #png{background:url(images/bg.png) no-repeat;} /* FF,Opera */

*html #png{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="images/bg.png");background:none;} /* IE5.5+~IE7+ */

Firefox,Opera 支持 PNG ,使用“>”子选择器识别,而IE不识别该选择器(包括IE7)。

虽然 IE7 支持 PNG,但方便起见,还是采用滤镜,使用通配符“*”,该通配符只有 IE 才能识别。

不过使用该滤镜,区域内的超链接按钮等将会失效,解决办法?使用“position”使它们浮在上面。

最新评论:

no.115335 lgrzibu 188.168.27.71 2020-02-17 18:40

[url=https://kino-m.com/] Малыш Джо фильм 2020 смотреть онлайн 720. [/url]

no.115327 ghanljo 41.170.12.92 2020-02-17 13:24

[url=https://imdb1.ru/] Руководство по сексу на втором свидании фильм 2020 смотреть онлайн русский. [/url]

no.115319 lpnmvol 170.81.35.26 2020-02-17 10:55

[url=https://www.tvonlayn.ru/] Решала. Нулевые 2020 смотреть онлайн 1080. [/url]

no.115316 tlvusxs 182.52.51.35 2020-02-17 08:21

[url=https://4serial.com/] Агент Джонни Инглиш 3.0 2020 смотреть онлайн полностью. [/url]

no.115297 nckdqat 185.46.223.198 2020-02-16 19:50

[url=https://wwin-tv.com/] Союз спасения 2019 2020 смотреть онлайн hd 720. [/url]

no.115283 qjtnjtj 176.118.55.158 2020-02-16 09:30

[url=https://www.wwin-tv.com/] Дождливый день в Нью-Йорке 2020 смотреть онлайн русский. [/url]

no.115268 yjstqyg 176.36.2.197 2020-02-16 04:27

[url=https://www.4serial.com/] Леонардо: Миссия Мона Лиза фильм 2020 смотреть онлайн 720. [/url]

no.115262 cfdxwrt 85.238.104.235 2020-02-15 23:35

[url=https://www.wwin-tv.com/] Очень плохие мамочки 2 фильм 2020 смотреть онлайн русский. [/url]

no.115211 ognuqhw 103.14.251.144 2020-02-14 14:40

[url=https://www.4serial.com/] Леонардо: Миссия Мона Лиза фильм 2020 смотреть онлайн русский. [/url]

no.115209 ymmekno 46.173.35.229 2020-02-14 12:03

[url=https://m-dnc.com/] Решала. Нулевые 2020 смотреть онлайн полностью. [/url]

no.115166 huflojg 45.118.115.122 2020-02-13 08:13

[url=https://www.4serial.com/] Вторжение 2020 2020 смотреть онлайн hd 720. [/url]

no.115155 aamowei 110.232.78.8 2020-02-13 03:15

[url=https://www.4serial.com/] Форсаж: Хоббс и Шоу 2020 смотреть онлайн +в hd 1080. [/url]

no.115149 gvbgstn 82.147.93.63 2020-02-13 00:48

[url=https://zfilm2.ru/] Лев Яшин. Вратарь моей мечты 2020 смотреть онлайн бесплатно 1080. [/url]

no.115119 oozlwep 46.22.49.41 2020-02-12 04:22

[url=https://www.kino-m.com/] Малыш Джо 2020 смотреть онлайн русский. [/url]

no.115114 wltifko 177.84.147.125 2020-02-12 02:07

[url=https://4serial.com/] Аэронавты 2020 смотреть онлайн на русском языке. [/url]

no.115109 iyiknoe 1.9.164.242 2020-02-11 23:32

[url=https://wwin-tv.com/] Джокер 2019 фильм 2020 смотреть онлайн 1080. [/url]

no.115092 klxirkh 190.63.144.26 2020-02-11 07:52

[url=https://4serial.com/] Три секунды фильм 2020 смотреть онлайн русский. [/url]

no.115081 zuduoth 195.239.115.106 2020-02-11 03:06

[url=https://www.tvonlayn.ru/] Добро пожаловать в Zомбилэнд 2 2020 смотреть онлайн полностью. [/url]

no.115079 wsfhkpe 210.210.154.3 2020-02-11 00:36

[url=https://m-dnc.com/] Курск 2020 смотреть онлайн +в hd 1080. [/url]

no.115072 nekihab 109.238.223.67 2020-02-10 16:53

[url=https://www.wwin-tv.com/] Эдуард Суровый. Слезы Брайтона фильм 2020 смотреть онлайн 720. [/url]

no.115061 cupfrfu 186.249.19.237 2020-02-10 09:15

[url=https://zfilm2.ru/] Анна 2019 2020 смотреть онлайн на русском. [/url]

no.115057 ipsoezt 195.138.90.121 2020-02-10 04:17

[url=https://www.4serial.com/] Дора и Затерянный город фильм 2020 смотреть онлайн 720. [/url]

no.115047 ouktvza 1.53.137.220 2020-02-09 20:44

[url=https://zfilm2.ru/] Амундсен фильм 2020 смотреть онлайн 720. [/url]

no.115025 dgmkowq 191.100.24.251 2020-02-09 07:43

[url=https://4serial.com/] Агент Джонни Инглиш 3.0 2020 смотреть онлайн 1080. [/url]

no.115009 kjinjun 82.151.220.89 2020-02-08 22:01

[url=https://00-tv.com/] Царь зверей 2019 2020 смотреть онлайн на русском. [/url]

no.114988 yxtjulc 1.53.137.220 2020-02-08 08:55

[url=https://www.tvonlayn.ru/] Завод фильм 2020 смотреть онлайн русский. [/url]

no.114968 ictymjt 41.76.246.254 2020-02-08 01:32

[url=https://00-tv.com/] Царство 2019 2020 смотреть онлайн на русском. [/url]

no.114965 phnxygw 185.44.231.63 2020-02-07 23:02

[url=https://m-dnc.com/] Малыш Джо 2020 смотреть онлайн полностью. [/url]

no.114922 gzodlnr 93.116.57.4 2020-02-06 19:11

[url=https://zfilm2.ru/] Губка Боб в бегах фильм 2020 смотреть онлайн hd 1080. [/url]

no.114913 drdjskk 163.53.151.25 2020-02-06 14:06

[url=https://00-tv.com/] Терминатор: Темные судьбы 2020 смотреть онлайн полностью. [/url]

no.114897 bqbmorl 203.142.66.26 2020-02-05 23:03

[url=https://www.tvonlayn.ru/] Вальгалла: Рагнарёк фильм 2020 смотреть онлайн hd 1080. [/url]

no.114894 uhukgvc 118.70.196.124 2020-02-05 20:36

[url=https://m-dnc.com/] Сиротский Бруклин 2019 фильм 2020 смотреть онлайн hd 1080. [/url]

no.114888 lwiftqq 92.255.248.230 2020-02-05 12:38

[url=https://www.tvonlayn.ru/] Щенячий патруль: Мегащенки и отважные птенцы фильм 2020 смотреть онлайн русский. [/url]

no.114876 kgwnnyn 89.24.210.10 2020-02-05 07:34

[url=https://www.4serial.com/] Гурвинек. Волшебная игра 2020 смотреть онлайн русский. [/url]

no.114871 aitbxpq 113.53.82.92 2020-02-05 04:59

[url=https://zfilm2.ru/] Белый лебедь 2020 смотреть онлайн 1080. [/url]

no.114860 jpkwlrp 188.165.138.11 2020-02-05 00:05

[url=https://m-dnc.com/] Последнее испытание 2020 смотреть онлайн 1080. [/url]

no.114855 nykcieg 181.236.247.136 2020-02-04 21:29

[url=https://4serial.com/] Аванпост 2019 2020 смотреть онлайн полностью. [/url]

no.114847 pwcgegl 110.232.76.94 2020-02-04 16:22

[url=https://www.4serial.com/] Агент Джонни Инглиш 3.0 2020 смотреть онлайн полностью. [/url]

no.114843 zyjaecr 101.109.136.14 2020-02-04 13:49

[url=https://wwin-tv.com/] Три секунды 2020 смотреть онлайн бесплатно 1080. [/url]

no.114840 wdxyjjw 159.224.194.220 2020-02-04 11:14

[url=https://imdb1.ru/] Рождество на двоих 2019 2020 смотреть онлайн бесплатно 1080. [/url]

no.114835 ooevcqz 190.63.144.26 2020-02-04 08:39

[url=https://m-dnc.com/] Решала. Нулевые фильм 2020 смотреть онлайн 720. [/url]

no.114826 qifudbf 159.224.226.164 2020-02-04 03:46

[url=https://www.kino-m.com/] Красный призрак 2020 смотреть онлайн бесплатно 1080. [/url]

no.114817 jixnchv 46.162.193.21 2020-02-03 17:49

[url=https://wwin-tv.com/] Мысленный волк фильм 2020 смотреть онлайн hd 1080. [/url]

no.114814 uncvagd 185.94.218.57 2020-02-03 15:19

[url=https://www.tvonlayn.ru/] Годзилла 2: Король монстров 2020 смотреть онлайн качество 1080. [/url]

no.114810 vzyyuij 93.155.164.41 2020-02-03 12:39

[url=https://00-tv.com/] Давай разведемся! 2020 смотреть онлайн русский. [/url]

no.114794 nficxkp 179.1.1.11 2020-02-03 05:04

[url=https://www.4serial.com/] Кто твоя бабушка, чувак? фильм 2020 смотреть онлайн русский. [/url]

no.114786 azdukfj 188.163.170.130 2020-02-03 00:19

[url=https://www.kino-m.com/] 21 мост 2020 смотреть онлайн на русском. [/url]

no.114778 eqbtafk 31.209.97.66 2020-02-02 19:03

[url=https://4serial.com/] Малефисента: Владычица тьмы 2020 смотреть онлайн 720. [/url]

no.114740 axvnhfs 96.9.77.192 2020-02-01 20:14

[url=https://kino-m.com/] Захар Беркут фильм 2020 смотреть онлайн 1080. [/url]

no.114722 cjtfzfl 131.0.8.210 2020-02-01 05:48

[url=https://m-dnc.com/] Дождливый день в Нью-Йорке 2020 смотреть онлайн русский. [/url]

发表评论:

邮箱: