www.webdeveloper.com
Results 1 to 2 of 2

Thread: Button Not Displaying Properly in IE9

  1. #1
    Join Date
    Sep 2012
    Posts
    4

    Unhappy Button Not Displaying Properly in IE9

    Hai! =D
    I'm having a problem with a button that will display as intended in FF and Chrome, but not in IE.

    The specific coding is for a profile page on a game publisher's website. You're able to insert CSS into your profile, so as such I have been modifying the website's default CSS and replacing it with my own.

    Soo... after a couple hours of trying to figure it out and looking all over google, I have come here. @-@

    What I can't seem to change is the background, even if I try a transparent property or image.

    Here's is the current code I'm using:
    Code:
    #p_comment .pillBlue a {
    border: 0px;
    color: #b7cef9;
    text-shadow: none;
    background: #264e97;
    }
    Here's how it displays in Chrome and FF
    And here's how it displays in IE

    Here is the default code (from inspect elements), some of which I have over-written:
    Code:
    .pillBlue a {
    border: 1px solid rgb(72, 106, 152);
    color: white;
    cursor: pointer;
    font-weight: bold;
    padding: 2px 5px;
    text-decoration: none;
    text-shadow: 0px 1px 0px rgb(34, 34, 34);
    background: -moz-linear-gradient(center top , rgb(94, 172, 254) 0%, rgb(48, 138, 250) 50%, rgb(10, 111, 251) 100%) repeat scroll 0% 0% transparent;
    }
    Here's a link to the page, if that will be of any use. The specific buttons I'm trying to modify are at the very bottom.

    Thank you for anyone who is able to take the time to help me, it's much appreciated. ^-^

  2. #2
    Join Date
    Nov 2006
    Location
    Oakland
    Posts
    500
    Use
    background-image: -moz-linear-gradient....;
    instead of background: -moz-linear-gradient....;
    otherwise it will override the background: #264e97;

    The screenshots you provided do not really help determine what is it you are trying to show us.
    Just focus on the button without any other distracting elements by just cropping to the bare essentials.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles