CSS3 gradient Linéaire sur IE10

Nous avons décidé d'enfin prendre en charge Internet Explorer, cependant, seulement actuellement de 10. J'ai été lire sur le support de CSS IE a et je n'étais pas sûr si c'était possible de le font actuellement dans IE?

background: linear-gradient(bottom right,circle,rgba(0, 0, 0, .04),transparent 80px,transparent 100%);

Est-il de toute façon pour ce faire, ou est-il encore besoin de revenir à un png?

Avez-vous l'essayer? Que voulez-vous ressembler?
Rien de ce qui se passe actuellement. Juste vide.
Besoin de regarder comme une ombre disparaît sur le côté gauche. C'est une règle horizontale.
Cette question n'est pas de montrer tout l'effort de la recherche; il n'est pas clair ou pas utile. Allez-y --> ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker
"Notant passe" parce que du code. C'est un mélange entre un linéaire (ahem, le linear-gradient partie) et un dégradé radial (le circle partie) et, par conséquent, ne peuvent pas travailler (et en plus, top right est l'ancienne syntaxe, courant on utilise to pour les dégradés linéaires et at pour les dégradés radiaux). IE10 ne prend en charge les dégradés et c'est en fait génial avec eux (rend les dégradés radiaux mieux que Chrome de FF et c'est le seul navigateur qui anime actuellement dégradé des angles ou des couleurs). Alors... vous voulez un linéaire ou d'un dégradé radial?

OriginalL'auteur Jamie Turner | 2013-04-11

  1. 11

    Votre OP déclaration ne fonctionnera pas. Non, de revenir à une image n'est pas nécessaire. Votre déclaration est tout simplement PAS valable. Expliquer ce que vous voulez faire entre un 'linéaire' ou un 'circulaire' gradient .. ou tout simplement aller à http://www.colorzilla.com/gradient-editor/ et la reconstruction de votre ligne.

    Vous êtes à la recherche de quelque chose comme ceci (croix-navigateur compatible):

    .shadow {

background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0.03) 31%, rgba(0,0,0,0) 32%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.03) 31%,rgba(0,0,0,0) 32%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.03) 31%,rgba(0,0,0,0) 32%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.03) 31%,rgba(0,0,0,0) 32%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
}

    jsFiddle avec la vôtre et la mienne où vous pouvez jouer

    [Post]

    Sur IE: le "filtre" de la règle est pour IE9-, des versions preview de IE10 utilisé un "ms" préfixe de la syntaxe, et IE10 à partir de l'utilisation de la syntaxe standard.

    Pour obtenir des informations détaillées, voir la linear-gradient page sur MDN.

    NON, la "chute arrière" n'est pas la voie. Comme utilisateur @RowlandShaw demandé : Que voulez-vous ressembler?
    Avant d'ajouter un grand nombre de lignes de code qui peut ne pas être nécessaire (comme générateurs de gradient de le faire) lea.verou.moi/2013/04/pouvez-nous nous-get-débarrasser-de-gradient-préfixes ColorZilla est idéal pour les débutants, mais hélas, il la fait ressembler à aucun navigateur mais qui prend en charge la syntaxe standard (vous pouvez voir que si vous choisissez également de générer les commentaires). Ce qui n'est pas vrai. Les dernières versions de IE, FF, Chrome et Opera tous en charge les dégradés unprefixed.
    Si quelqu'un trébuche à travers ce que j'ai fait, veuillez noter que IE10 - - "- ms", précédé d'un dégradé linéaire. IE9 pourrait faire sans, mais IE10 nécessite une autre ligne de votre style. Il ignore votre autres déclarations sans elle. (au moins, le Win7 version de IE10 n')
    ajoutant à la confusion, ce billet de blog suggère ie10 prend en charge la unprefixed syntaxe: blogs.msdn.com/b/ie/archive/2012/06/25/...
    MSDN entrée de blog est passé en quelque sorte et c'est ici la mise en cache de la page: webcache.googleusercontent.com/...

    OriginalL'auteur Milche Patern

  2. 1

    J'ai testé sous Windows 7, IE10.0.9200.17148 de la moderne.ie

    Et background-image: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0.03) 31%,rgba(0,0,0,0) 32%,rgba(0,0,0,0) 100%); œuvres.

    CSS3 gradient Linéaire sur IE10

    Si vous avez un IE10, à tester ici:
    https://fiddle.jshell.net/txLtok1w/1/

    ...et signale si le gradient est montré ou pas, avec votre système d'exploitation et la version de IE/version mineure.

    œuvres: Win 8.1, IE10

    OriginalL'auteur lulalala