You need to be logged in to post in the forums. If you do not have an account, please sign up first.
Opera 10.51 and CSS3
This is a little surprising and it actually saddened me.Using CSS3 and jQuery, I used the examples in this tutorial (Spyre Studios) to add to a website I'm working on.
View the example (Sliding Left Panel Example) in Opera and then either/or Firefox and Chrome. In the later two, you'll notice the sliding panel has rounded corners as well as opacity. Opera doesn't display the rounded corners nor the opacity. IE8 is in the same boat as Opera; this I can't believe and I'm in shock. Opera and IE in the same boat, saying it makes me shutter.
Here's a a couple lines from the CSS which seems to be the portions containing the rounding of corners and opacity. Could I add something to this so that at least Opera can display the pages properly? Thanks.. -Jeff
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
filter: alpha(opacity=85);
opacity: .85;
You might want to use the proper way to do things (aka, standards), instead those funky and silly workarounds (like adding unstandard -moz and -webkit prefixes for chrome/safari/FF) they're trying to push onto the internet...
border-radius: 0px 0px 20px 20px; should do the radius trick...
border-radius: 0px 0px 20px 20px; should do the radius trick...