Artikel suchen 

Artikel suchenFilter
If you want to use CSS sprites with full alpha transparency in IE 5.5 or 6.0 you're out of luck as current fixes don't support background positioning.

IEPNGFix with background-position support

IEPNGFix with background-position support

Microsoft Internet Explorer doesn't support 8-bit alpha transparency in PNG images until version 7.0.

Fortunately, Angus Turnbull created an excellent fix that adds full PNG alpha transparency to Internet Explorer. It uses an HTC that replaces every PNG image by an DXImageTransform.Microsoft.AlphaImageLoader filter, which is able to display the PNG with its alpha channel.

But this fix has some limitations. For example it cannot handle the CSS properties background-repeat and background-position properly. The latter is especially problematic if you want to use CSS Sprites to reduce the number of HTTP requests to your server. They just don't work without background-position support.

As the image filter doesn't support background-position you have to fake it. That's possible by removing the background image completely from the element, creating a new child element that holds the (filtered) background image, positioning it absolutely inside the parent element and setting overflow: hidden on the parent to hide the rest of the background.

As a proof of concept I refactored the original IEPNGFix and added this feature to the code. I also added a minified version.

I haven't tested this code thoroughly, but feel free to download itDirektdownload or try it out. It's licensed under the LGPL. It contains the original fix, a cleaned up version and the refactored and enhanced version. The positions right, bottom and center don't work, yet. Additionally, some features might not work anymore due to my refactorings, but the included test page still works as expected.

Erstellt am 27.01.2008 um 13:57 Uhr von streawkceur.
Abrufe: 218577 - Kommentare: 17 - Trackbacks: 1 - Trackback-Link: http://gedankenkonstrukt.de/blog/trackback/?id=58.
Tags: , , , , , , , , .  

Trackbacks 

Quelle:Proper support for IE6 in the outbrain widget
Datum:28.03.2008 um 05:32 Uhr.
Auszug:Just as we were considering joining the SaveTheDevelopers.org effort to help eradicate the awful Internet Explorer 6 from the world, our engineers released an excellent workaround which makes our widget fully functional and compatible with IE6 browsers. The widget now

  

Kommentare 

Autor:
Datum:19.02.2008 um 19:28 Uhr.
Kommentar:

hi, this is a very cool refinement - I have managed it on my own server and it really works! I am surprised you have not been on Digg yet :)

I have attempted this with a complex navigation menu here:

http://www.infinite-eye-dev.co.uk/kilchoman/

but it isn't working just yet. Any ideas? I think it might be to do with the negative text-indent ?


Autor:
Datum:25.02.2008 um 10:01 Uhr.
Kommentar:

Thanks for this excellent MOD! It really saved my life :)

However, you should note that there's a problem with the CLASSNAME method for applying the behavior (instead of by using tag name).

The reason it doesn't work is that for the png-fix to work, the behavior must be applied to both the parent div and the child div. The child div is created dynamically, and there is nothing in your code that makes sure that the behavior runs on the child div as well (or the filter applied, or whatever) - leaving the child div NOT transparent.

I'm not sure what's the best way to fix this. I myself did this by just applying the appropriate classname to the child div as well, but i suppose there is a more elegant way.


Autor:
Datum:26.02.2008 um 10:41 Uhr.
Kommentar:

Thanks for your feedback!

To improve the fix, a minimal page demonstrating your problems would really help.

We might discuss the problems in the forums: http://www.twinhelix.com/cgi-bin/forum.pl/iepngfix/206

Although currently I don't have much time to work on IEPNGFix. :/


Autor:
Datum:05.02.2009 um 17:41 Uhr.
Kommentar:

This is fantastic! Thank you so much. :)


Autor:
Datum:09.11.2010 um 05:32 Uhr.
Kommentar:

A common method of limiting access to services made available over the Web is visual verification of a bitmapped image. This presents a major problem to users who are blind, have low vision, or have a learning disability such as dyslexia. This document examines a number of potential solutions that allow systems to test for human users while preserving access by users with disabilities.

Thanks

<a href="http://www.testking.com/MCTS-certification-training.htm">mcts</a>

Michael


Autor:
Datum:09.11.2010 um 05:34 Uhr.
Kommentar:

the behavior must be applied to both the parent div and the child div. The child div is created dynamically, and there is nothing in your code that makes sure that the behavior runs on the child div as well.

[url=http://www.testking.com/MCTS-certification-training.htm]mcts[/url]


Autor:
Datum:01.01.2011 um 11:58 Uhr.
Kommentar:

nice work

Thanks Dear. We use it

We got Solutions


Autor:
Datum:17.05.2012 um 06:38 Uhr.
Kommentar:

Pretty good post. I just stumbled upon your blog and wanted to say that I have really enjoyed reading your blog posts. Any way I'll be subscribing to your feed and I hope you post again soon.

<a href="http://elladaffa.herobo.com/makeityourring-diamond-engagement-rings">promo indonesia</a> - <a href="http://kaos-distro-online.site90.net/">kaos distro online jual baju murah</a> <a href="http://makeityourringdiamondengagementrings.blogdetik.com/motor-matic-injeksi-irit-harga-murah/">motor matic injeksi irit harga murah</a> great <a href="http://kaos.web44.net/kaos-distro-online">kaos distro baju murah online</a>

<a href="http://makeityourringdiamondengagementrings.blogdetik.com/promo-indonesia-alfamart-minimarket-terbaik/">promo member alfamart minimarket lokal terbaik indonesia</a> <a href="http://kaos-o.blogspot.com/">kaos</a> <a href="http://kaos-o.blogspot.com/2012/05/promo-member-alfamart-indonesia.html">promo member alfamart minimarket lokal terbaik indonesia</a>

<a href="http://elladaffa.herobo.com/iklan-internet-murah-efektif-berkualitas-indonesia/"><b>Iklan Internet Murah Efektif Berkualitas Indonesia</b></a> hmmm so i stumbled upon your subject from other site that discussed this. Anyway, i spent the time to study your subject but i am somewhat confused Both way, you're a first rate writer and i wished to take the effort to put in writing thank you! I've saved your website for future referral.<a href="http://promomemberalfamartminimarketlokalindonesiaterbaik.wordpress.com"><b>promo indonesia</b></a> <a href="http://promomemberalfamartminimarketlokalterbaikindonesia.blogdetik.com"><b>promo indonesia</b></a> Hello - Nice site, just browsing around some of your pages, it seems to be a pretty nice looking theme you are using here. I am presently using WordPress to run some of my web sites but looking to change one of these over to a theme the same as yours just for a trial run. Anything in particular you may suggest for it?

<a href="http://makeityourringdiamondengagementrings.blogdetik.com/sepeda-motor-injeksi-irit-harga-terbaik-cuma-honda/"><b>sepeda motor injeksi irit harga terbaik cuma honda</b></a><a href="http://kaos.web44.net/"><b>kaos distro</b></a><a href="http://makeityourringdiamondengagementrings.blogdetik.com/"> <b>diamond rings</b></a> <a href="http://makeityourringdiamondengagementrings1.blogspot.com"><b>wedding diamond rings</b></a> <a href="http://elladaffa.herobo.com/"><b>IKLAN INTERNET MURAH EFEKTIF BERKUALITAS INDONESIA</b></a>

I would like to thanks for that efforts you have got put in writing this weblog. I am hoping the exact same high-grade site publish from you within the forthcoming also. The fact is your innovative creating skills has encouraged me to obtain my personal net internet site now. Definitely the blogging is spreading its wings rapidly. Your write up is a great example of it.

<a href="http://0makeityourringdiamondengagementrings.blogspot.com"><b>iklan internet</b></a>


Autor:
Datum:29.06.2012 um 02:30 Uhr.
Kommentar:

The Air Jordan 10very first kind of jordans shoes premiered around 1964.Jordan Concord 12 Hashemite Kingdom of Jordan is Air Jordan 8They're an international Jordan 7 Shoestrader in sportswear and other associated equipments manufacturer.Jordan 10 ConcordsThey're world leading supplier of athletic shoes and apparel.Jordan 23 ShoesAny major sports event you witness and there is almost no time if this brand isn't featured amongst the players. Pandora BraceletsMany famous sportspeople happen to be endorsing Pandora Beads products round the electronic media for a while now.Louis Vuitton BeltsBecause it is the organizationLouis Vuitton Sunglasses tagged for the shoe the conclusion cost of the shoe always covers to substantially higher rates.Louis Vuitton SunglassesHowever, you will find alternatives of dealing with same jordans shoe at slashed down prices.Michael Kors Crossbody BagsThese sneakers would be the wholesale Michael Kors Monogramversions in our own air jordan shoes.Retro Jordan 11Your ultimate method to obtain getting into connection with these wholesalers is by the web. The internet has become a base for a lot of transactions nowadays.Retro Jordan Shoes Armenian and other Caucasian Cheap Jordan Concord lot of companies are conducted on the internet and since accessing the web Air Jordans For Saleis performed at negligible costs it's a profitable type of sale for Jordan Concord Shoesyour marketers and the consumers.


Autor:
Datum:20.02.2013 um 09:49 Uhr.
Kommentar:

I am very impressed that there is so much about this subject that has been revealed and you made it so nicely, with so considerably class. Brilliant one, man! Very special things right here. http://yoetama.blogspot.com/2013/01/bank-mandiri-bank-terbaik-di-indonesia.html


Autor:
Datum:20.03.2013 um 05:46 Uhr.
Kommentar:

I so love to travel specially to beaches because i feel the freedom within me, and just seeing these picture makes me wanna go out of town again specially with my loved ones because they complete the happiness these views gave me.

Konsumen Cerdas Paham Perlindungan Konsumen

http://spektrumdunia.blogspot.com/2013/03/konsumen-cerdas-paham-perlindungan.html

Iconia PC tablet dengan Windows 8

http://spektrumdunia.blogspot.com/2013/03/iconia-pc-tablet-dengan-windows-8.html


Autor:
Datum:18.03.2014 um 05:14 Uhr.
Kommentar:

terimakasih karena telah memberikan informasi yang bermanfaat dan sukses selalu


Autor:
Datum:19.03.2014 um 03:11 Uhr.
Kommentar:

terima kasih untuk informasi yang telah anda berikan sangat bermanfaat sekali bagi kami selaku pembaca dan sukses selalu.


Autor:
Datum:19.03.2014 um 03:13 Uhr.
Kommentar:

terima kasih untuk informasi yang telah anda berikan sangat bermanfaat sekali bagi kami selaku pembaca dan sukses selalu.


Autor:
Datum:19.03.2014 um 03:37 Uhr.
Kommentar:

terima kasih untuk informasi yang telah anda berikan sangat bermanfaat sekali bagi kami selaku pembaca dan sukses selalu.


Autor:
Datum:19.03.2014 um 03:41 Uhr.
Kommentar:

terima kasih untuk informasi yang telah anda berikan sangat bermanfaat sekali bagi kami selaku pembaca dan sukses selalu.


Autor:
Datum:10.04.2014 um 06:00 Uhr.
Kommentar:

terima kasih atas informasinya dan semoga sukses selalu