[Resolved] Button gradient CSS trouble in IE (of course)
-
WordPress 4.0 running Catch Box theme.
BuddyPress 2.1
GothicSpider.comI’m having button style trouble in IE9 (maybe newer versions too but I only have 9) FireFox and Chrome work great.
I’m using a gradient fade on buttons and in ie it only works on my ‘Post Update’ button. I can’t get it to take on my ‘Leave Group, Like, UnLike, ect.’ buttons.
My buddypress.min.css is….
#buddypress .comment-reply-link,#buddypress a.button,#buddypress div.generic-button a,#buddypress input, #buddypress input[type=button],#buddypress input[type=reset],#buddypress input[type=submit],#buddypress ul.button-nav li a,a.bp-title-button{ border:solid 2px #333; background: #990000; /* Show a solid color for older browsers */ background: -moz-linear-gradient(#990000, #000000); background: -o-linear-gradient(#990000, #000000); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#990000), to(#000000)); /* older webkit syntax */ background: -webkit-linear-gradient(#990000, #000000); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#990000, endColorstr=#000000)"; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius: 6px; -ms-filter-border-radius: 6px; color:#E4741F; font-size:.9rem; cursor:pointer; outline:0; padding:3px 3px; text-align:center; text-decoration:none
Less importantly but I would still like to fix is the tiny bits of red extending above the button border on the top corners right at the blue arrow.
Thanks for any help. This one’s got me stumped.
- The topic ‘[Resolved] Button gradient CSS trouble in IE (of course)’ is closed to new replies.