CSS Conditional Comment for Opera

**mikke** · 05-02-2010, 02:42 PM

try

Code:

<!--[if Opera]><link rel="stylesheet" href="css/Opera9Fixes.css" type="text/css" media="screen" /><![endif]-->

**Cyber Fucker** · 05-05-2010, 10:21 AM

still not work, bump

**SCORE Ralph** · 05-05-2010, 10:40 AM

Conditional comments are for IE5+ on Windows systems only. It's not supported by other browsers as its something developed for/by IE.

**BestXXXPorn** · 05-05-2010, 10:51 AM

What I recommend doing is just reading the browser's agent string in PHP or some other server side scripting you may be using...

Then echo/print out the css include tag only if it matches your required parameters.

$_SERVER['HTTP_USER_AGENT']

**LoveSandra** · 05-05-2010, 12:45 PM

bump bump

**harvey** · 05-05-2010, 12:49 PM

Originally posted by Cyber Fucker

I'm trying to force Opera 9 and earlier versions of this browser to accept conditional css stylesheets but it won't listen to me.

For example for IE6 I use:

Code:

<!--[if IE 6]><link rel="stylesheet" href="css/IE60Fixes.css" type="text/css" media="screen" /><![endif]-->

And IE does this style sheet but Opera won't listen to analogical comment:

Code:

<!--[if Opera 9]><link rel="stylesheet" href="css/Opera9Fixes.css" type="text/css" media="screen" /><![endif]-->

How to force this bitch to listen to my comments?

I don't know what are you trying to do, but AFAIK Opera has to behave exactly the same than Chrome, FF and Safari, conditionals are for IE because it's a non-compliant browser

**Deej** · 05-05-2010, 12:53 PM

IE is the retarded older brother... nuff said...

**Cyber Fucker** · 05-12-2010, 10:52 AM

Originally posted by BestXXXPorn

What I recommend doing is just reading the browser's agent string in PHP or some other server side scripting you may be using...

Then echo/print out the css include tag only if it matches your required parameters.

$_SERVER['HTTP_USER_AGENT']

Thank you for the suggestion man! I did it similarly to your advice. I built JavaScript to detect the browser and to replace css style sheet, and it works! At least when JavaScript is enabled.

**The Truth Hurts** · 05-12-2010, 11:00 AM

Code:

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari-Opera specific declarations here */
}

saw this somewhere.. try it.