none
ImageButton y background RRS feed

  • Pregunta

  • Hola a todos, quisiera saber como establecer el background en un control asp:ImageButton, lo que realmente quiero establecer es: background: linear-gradient( to bottom, #8a6d3b, #fff, #fff, #fff, #fff, #fff)

    de antemano gracias

    Aqui el código completo:

    <asp:ImageButton ID="BttSubscriptionImage" runat="server" background="linear-gradient( to bottom, #8a6d3b, #fff, #fff, #fff, #fff, #fff)"/>

    Pero cuando lo ejecuto no pone el background


    • Editado jeduardonl sábado, 5 de diciembre de 2015 0:43
    sábado, 5 de diciembre de 2015 0:32

Respuestas

  • Exactamente como dice Leandro deberías definir un estilo y aplicárselo al botón.

    Por otra parte, aunque todos los navegadores actuales soportan la propiedad linear-gradient yo mantendría las versiones con prefijos específicos de los diferentes navegadores para soportar versiones más antiguas de éstos. (No todo el mundo actualiza regularmente su navegador).

    Puedes encontrar información sobre gradientes lineales y las versiones de navegadores que soportan linear-gradient en este artículo:

    CSS3. Degradados lineales

    Te quedaría algo así:

        <style>
            .gradientButton {
                background: linear-gradient( to bottom, #8a6d3b, #fff, #fff, #fff, #fff, #fff);
                background: -moz-linear-gradient( top, #8a6d3b, #fff, #fff, #fff, #fff, #fff);
                background: -o-linear-gradient( top, #8a6d3b, #fff, #fff, #fff, #fff, #fff);
                background: -webkit-linear-gradient( top, #8a6d3b, #fff, #fff, #fff, #fff, #fff);
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
                <div>
                <asp:ImageButton ID="BttSubscriptionImage" runat="server" CssClass="gradientButton" ImageUrl="~/images/minion2.png" />
            </div>
        </div>
        </form>
    </body>
    </html>
    


    Píldoras .NET
    Artículos, tutoriales y ejemplos de código .NET

    Píldoras JS
    Artículos, tutoriales y ejemplos de código JavaScript, HTML5, CSS3, ...

    sábado, 5 de diciembre de 2015 15:25

Todas las respuestas

  • hola

    no evaluaste definir un style ?

    entonces definiendo el estulo y aplicandolo a la propiedad CssClass del ImageButton

    saludos


    Leandro Tuttini

    Blog
    MVP Profile
    Buenos Aires
    Argentina

    sábado, 5 de diciembre de 2015 1:45
  • Exactamente como dice Leandro deberías definir un estilo y aplicárselo al botón.

    Por otra parte, aunque todos los navegadores actuales soportan la propiedad linear-gradient yo mantendría las versiones con prefijos específicos de los diferentes navegadores para soportar versiones más antiguas de éstos. (No todo el mundo actualiza regularmente su navegador).

    Puedes encontrar información sobre gradientes lineales y las versiones de navegadores que soportan linear-gradient en este artículo:

    CSS3. Degradados lineales

    Te quedaría algo así:

        <style>
            .gradientButton {
                background: linear-gradient( to bottom, #8a6d3b, #fff, #fff, #fff, #fff, #fff);
                background: -moz-linear-gradient( top, #8a6d3b, #fff, #fff, #fff, #fff, #fff);
                background: -o-linear-gradient( top, #8a6d3b, #fff, #fff, #fff, #fff, #fff);
                background: -webkit-linear-gradient( top, #8a6d3b, #fff, #fff, #fff, #fff, #fff);
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
                <div>
                <asp:ImageButton ID="BttSubscriptionImage" runat="server" CssClass="gradientButton" ImageUrl="~/images/minion2.png" />
            </div>
        </div>
        </form>
    </body>
    </html>
    


    Píldoras .NET
    Artículos, tutoriales y ejemplos de código .NET

    Píldoras JS
    Artículos, tutoriales y ejemplos de código JavaScript, HTML5, CSS3, ...

    sábado, 5 de diciembre de 2015 15:25