Comment pouvez-vous faire un dégradé d'arrière-plan sans les images?

Comme ça. en général, je vais faire 1 px de large à l'image de ce alors repeat-x.

mais est-il possible de faire de même avec CSS3 , si oui, alors dites-moi comment tp faire de même.

le texte d'alt http://shup.com/Shup/367066/110519102044-My-Desktop.png

avec tous les navigateurs compatibilité IE 8, 7, 6 , FF , Chrome, Safari, iphone.

OriginalL'auteur Jitendra Vyas | 2010-06-19

  1. 9

    Quasiment tous les navigateurs prennent en charge les dégradés. Voici le CSS que vous avez besoin de:

    .gradient{
    /* For any browser that can't create a gradient  */
    background-color: #EFEFEF;
    /*//mozilla*/
    background: -moz-linear-gradient(top, #efefef, #FFF);
    /* Chrome/Safari     */
    background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#FFF));
    /*IE 6/7 */filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#EFEFEF',EndColorStr='#FFF');
    /*IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#EFEFEF, endColorstr=#FFF)";
}
    Je ne pouvais pas le faire fonctionner dans FF 3.6.3, Opéra 10.53 ou IE 8.
    Vérifiez vos couleurs. C'est une très délicate, du gris clair au blanc. Et Opera ne crois pas dans les dégradés.
    ok, mais pourquoi ça ne fonctionne pas jsbin.com/iquje4/2 s'il vous plaît pouvez-vous modifier pour faire de même comme le gradient de l'image dans ma question
    Oui, c'était ma merde moniteur... 😀 +1 pour vous.
    il suffit de changer les couleurs Voir jsbin.com/iquje4/3

    OriginalL'auteur Aaron Harun

  2. 3

    Essayer quelques-uns de la CSS gradient de générateurs que vous pouvez trouver avec une recherche Google, tels que:
    http://gradients.glrzad.com/

    ou

    http://www.designdetector.com/demos/css-gradients-demo-1.php

    Aussi, jetez un oeil à par Webkit gradient tutoriel:
    http://webkit.org/blog/175/introducing-css-gradients/

    Et Firefox:
    http://hacks.mozilla.org/2009/11/css-gradients-firefox-36/

    Maintenant que dans l'esprit:
    Ce qui est nouveau, des trucs, CSS3, ce qui n'est pas encore finalisé. Prise en charge du navigateur pour CSS3 genre de choses est très tranchant. Vous n'allez pas obtenir de la croix-navigateur prenant en charge les navigateurs que vous avez énumérées. Dernière Webkit (Safari, Google Chrome et Firefox sont vos meilleurs paris. IE prend en charge les filtres. L'opéra ne prend pas en charge tout type de gradients.

    ok peut-on donner de l'aide dans IE trop à l'aide de Javascript
    Oui, mais vous devez disposer d'une sauvegarde d'image gradient pour IE6 et peut-être 7, et de charger ces images, si le CSS ne marche pas.
    IE ne dégradés, ils utilisent la "filtre".
    Harun - est-ce que IE filtre fonctionne si javascript est désactivé
    ils devraient. Ils sont de la pure CSS. Bizarre CSS, mais encore CSS. msdn.microsoft.com/en-us/library/ms532847%28VS.85%29.aspx

    OriginalL'auteur desau

  3. 0

    Je pense que IE 6 et 7 mai pas en charge CSS3 gradient.
    Même si, vous pouvez obtenir le code CSS de ce site
    http://gradients.glrzad.com/

    OriginalL'auteur Zeal