Comments on: How to use RGBA() in IE

By: Ruti

Ruti — Sun, 15 Apr 2012 10:41:51 +0000

Thanks a lot!!
this artickle saved me a lot of time!!

By: bookmarks | Pearltrees

bookmarks | Pearltrees — Sat, 31 Mar 2012 14:38:49 +0000

[...] How to use RGBA() in IE • CSS & (X)HTML • Kilian Valkhof background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#26ffffff,endColorstr=#26ffffff); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#26ffffff,endColorstr=#26ffffff); zoom: 1; Firstly, you have to set the actual background to none, then you have to use -ms-filter for IE8, filter for everything below, and set zoom:1; to make sure the element has hasLayout (or else the filter doesn’t work.) [...]

By: Chris

Chris — Tue, 28 Feb 2012 07:32:49 +0000

This article was an absolute livesaver. It inspired me so much that I integrated your conversion code into a LESS mixin for anyone to use: https://github.com/illepic/ie-rgbabg

Thank you!

By: Gradient Effect / use RGBA() in IE | Solutions based on practical projects

Gradient Effect / use RGBA() in IE | Solutions based on practical projects — Wed, 08 Feb 2012 15:34:45 +0000

[...] more information you can visit reference Tutorial at: http://kilianvalkhof.com/2010/css-xhtml/how-to-use-rgba-in-ie/ This entry was posted in Uncategorized and tagged CSS Gradient Effect, Gradient Effect / use [...]

By: dmsumon

dmsumon — Fri, 16 Dec 2011 05:36:25 +0000

Thanks a lot man! This article saved my life. I am very much thankful to you.

By: CSS3 Buttons | Matt Smith Blog

CSS3 Buttons | Matt Smith Blog — Sun, 11 Dec 2011 15:31:54 +0000

[...] – box-shadow – RGBA color values – text-shadow – Cursor Styles – IE Gradient Filter – convert RGBA() to #ARGB (for the filter) This entry was posted in Uncategorized. Bookmark the permalink. ← PHP [...]

By: Internet Explorer jaki jest każdy widzi, czyli jak radzić sobie z IE w dobie CSS3 i HTML5 cz. 2 — filtry DX | Yet Another Web Design Blog

Mon, 24 Oct 2011 12:12:05 +0000

[...] Jak to działa? Po pierwsze ustawiamy przezroczyste tło dla elementu (można też ustawić background:none), po drugie aplikujemy gradient (tak gradient!), któremu jako kolor startowy i jako kolor końcowy ustawiamy tą samą wartość. Wartość jest podana szesnastkowo, gdzie pierwsze 2 cyfry to przezroczystość a kolejne 6 to wartość koloru. Na końcu poprawiamy błąd z hasLayout atrybutem zoom:1. Jeśli potrzebujesz konwertera do przeliczania RGBa do ARGB to znajdziesz go TUTAJ. [...]

By: Michael Barrett @ Abouthalf.com : RGBA in IE 7 and 8

Michael Barrett @ Abouthalf.com : RGBA in IE 7 and 8 — Tue, 23 Aug 2011 21:23:02 +0000

[...] http://kilianvalkhof.com/2010/css-xhtml/how-to-use-rgba-in-ie/ [...]

By: Yago Méndez Vidal

Yago Méndez Vidal — Thu, 26 May 2011 11:00:42 +0000

The reason why the syntax is #ARGB but the function is rgba is a matter of bytes, addresses and all that stuff:
- Humans take the common formula “RGB” and add the new component “A” at the end since is less important, it’s an additional information to the color.
- Computers (use to) use 32 bits blocks to store information, this is 4 bytes (4 x 8 = 32). To allow operations the information is stored right to left RGB and the 1st byte was unused, 2nd for red, 3rd for green and 4th for blue. When Alpah was introduced it was agreed that the A was stored in the 1st byte, and so you could operate colors with with and without alpha, just ignoring the 1st byte (with a mask) instead of shifting the bytes left and right which means more operations and with a higher computational cost.
Notice that #aarrggbb means an address, this is hex code, machine info, and rgba() is a function, human language.

By: Corrado Fiore

Corrado Fiore — Wed, 23 Mar 2011 11:34:30 +0000

Sorry for the typo.

is the correct code in the example.