CSS3 PIE Forums - View topic - Opacity disappears when using border radius.

Page 1 of 1

[ 7 posts ]

Opacity disappears when using border radius.

Author	Message
Zippy1970 Joined: Thu Sep 19, 2013 4:24 am Posts: 2	Opacity disappears when using border radius. This works: Code: .somestyle { -moz-opacity: 0.75; opacity:0.75; filter:alpha(opacity=75); /* For IE8 and earlier / border-radius: 10px; } although it (obviously) does not show rounded corners on IE8 and earlier. But as soon as I add CSS3PIE: Code:* .somestyle { -moz-opacity: 0.75; opacity:0.75; filter:alpha(opacity=75); /* For IE8 and earlier */ border-radius: 10px; behavior: url(PIE.htc); } opacity is set to 100%. I do get rounded corners. I've tried both v1.0.0 and v2.0-beta with the same results. Oddly enough I can distinctly remember it used to work. So I'm not sure what changed.
Thu Sep 19, 2013 4:29 am

xem Joined: Thu Apr 07, 2011 3:23 am Posts: 73	Re: Opacity disappears when using border radius. You should try border-radius + rgba background, instead of border-radius + opacity. background: rgba(0,0,0,0.5) is similar to background: #000 + opacity: 50%.
Wed Sep 25, 2013 7:22 am

Zippy1970 Joined: Thu Sep 19, 2013 4:24 am Posts: 2	Re: Opacity disappears when using border radius. Yes, but I want the entire container to become semi-transparent, not the background only.
Fri Sep 27, 2013 4:47 am

jason Joined: Wed Jul 14, 2010 11:46 am Posts: 1452	Re: Opacity disappears when using border radius. https://github.com/lojjic/PIE/issues/46 Unfortunately I don't see a way to do this accurately, so I don't expect it will ever work.
Sat Sep 28, 2013 9:51 pm

xem Joined: Thu Apr 07, 2011 3:23 am Posts: 73	Re: Opacity disappears when using border radius. Why not using rgba for your backgrounds + opacity for your content? Code: <div class=somestyle> <-- container, gets rgba background <div class=inner> <-- inner div with no background, gets opacity blabla <-- content to opacify </div> </div>
Thu Oct 03, 2013 2:21 am

pravinsapkal Joined: Tue Dec 03, 2013 9:53 am Posts: 1	Re: Opacity disappears when using border radius. rgba cannot be used because IE8 does not support rgba. Is there a way to add opacity in IE8 with css3pie? Much appreciated, thanks.
Tue Dec 03, 2013 9:56 am

xem Joined: Thu Apr 07, 2011 3:23 am Posts: 73	Re: Opacity disappears when using border radius. Yes, you can use rgba background on IE<9 with CSS3Pie. Just do that in the "parent" div, and put your opacity in your "child" div
Mon Dec 09, 2013 8:06 am
Display posts from previous: Sort by

Page 1 of 1

[ 7 posts ]

Opacity disappears when using border radius.

Who is online