SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Enthusiast
    Join Date
    Mar 2011
    Posts
    72
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Button not working ie8

    I am having issue using a css3 button in ie8.
    My Marketing Solutions -

    This is the green button that says "shop at...."


    HTML Code:
    <a href="http://www.my-promo-store.com" class="link">			 <button class="cupid-green">
    Shop at <br />My-Promo-Store.com
    </button>
      </a>
    Code:
    button.cupid-green {
    	background: #7FBF4D;
        background: -moz-linear-gradient(center top , #7FBF4D 0%, #63A62F 100%) repeat scroll 0 0 transparent;
    	border-radius: 5px 5px 5px 5px;
    	border: 1px solid #76b347;
        color: #FFFFFF;
        font-family: "pt_sans",Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        line-height: 1;
        padding: 7px 0 8px;
        text-align: center;
    	text-decoration: none;
        width: 175px;
    	display:block;
    }
    
    button.cupid-green:hover {
      background: #76b347;
      background: -moz-linear-gradient(top, #76b347 0%, #5e9e2e 100%);
      background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#76b347), to(#5e9e2e));
      -moz-box-shadow: inset 0 1px 0 0 #8dbf67;
      -webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
      box-shadow: inset 0 1px 0 0 #8dbf67;
      cursor: pointer;
    }
    
    button.cupid-green:active {
      border: 1px solid #5b992b;
      border-bottom: 1px solid #538c27;
      -moz-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eee;
      -webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eee;
      box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eee;
    }

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,117
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    It's working in IE8 for me.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."


Bookmarks

Posting Permissions

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