Arrière-plan de rgba avec l'alternative de filtre d'IE: IE9 rend les deux!

Je suis en train de faire un div à l'arrière-plan transparent à l'aide d'un mélange de CSS3 rgba() et microsoft filter propriété comme cela:

div {
    width: 200px;
    height: 200px;
    /* blue, 50% alpha */
    background: rgba(0,0,255,0.5);
    /* red, 50% alpha */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFF0000,endColorstr=#7FFF0000);
}

Comme prévu, les navigateurs qui prennent en charge rgba() rendu de la div que le bleu, tandis que IE 6-8 vous rendre au rouge.

IE9 apparemment peut gérer à la fois (auparavant, j'ai pensé filter de soutien avait été supprimé) et le résultat est un violet div. Est-il possible de faire IE9 l'appui ou l'autre de ces propriétés, mais pas l'autre? rgba() serait évidemment préférable.

N. B. je suis à l'aide de IETester pour l'exécution de ces tests. Si la bonne construction de IE9 ne le fait pas, s'il vous plaît laissez-moi savoir.

source d'informationauteur Liam Newmarch