Me pregunto si hay algo que funcione como es decir, comentario condicional para webkit.¿Hay algún equivalente al comentario condicional de IE para Chrome y Safari?
Quiero cambiar el ancho.
Por ejemplo,
<!--[if IE]>
<link href="css/ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
Gracias de antemano.
No, no hay.
Puede hackearlo haciendo la detección del navegador en JS y adjuntando scripts/estilos dinámicamente.
O, si solo le preocupa tener diferentes css para diferentes navegadores, puede usar css hacks. Probablemente haya hacks de CSS que funcionan con los navegadores que necesita.
O, si lo único que tiene que cambiar es 'ancho' (de una definición css?) Es probable que pueda hacerlo en jQuery o Javascript
detección del navegador jQuery. ver: http://docs.jquery.com/Utilities/jQuery.browser
¿Puede jquery detectar navegadores? – shin
sí. prueba $ .browser.msie == true. $ .browser.mozilla == true etc. inspeccione el objeto $ .brower o lea los documentos – mkoryak
Después de leer su respuesta, encontré esto y funciona bien. Gracias. http://www.tvidesign.co.uk/blog/CSS-Browser-detection-using-jQuery-instead-of-hacks.aspx – shin
Yo uso esta en cada proyecto: http://rafael.adm.br/css_browser_selector/
Aunque, si tiene que hacer una gran cantidad de focalización en Firefox o WebKit - es posible que desee volver a examinar la forma en que está escrito el código HTML/CSS.
Esto está funcionando bien para mí también – evanmcd
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Browsser Detection</title>
<link rel="stylesheet" href="Main.css" type="text/css">
<?php
$msie = strpos($_SERVER["HTTP_USER_AGENT"], 'MSIE') ? true : false;
$firefox = strpos($_SERVER["HTTP_USER_AGENT"], 'Firefox') ? true : false;
$safari = strpos($_SERVER["HTTP_USER_AGENT"], 'Safari') ? true : false;
$chrome = strpos($_SERVER["HTTP_USER_AGENT"], 'Chrome') ? true : false;
if ($msie) {
echo '
<!--[if IE 7]>
<link rel="stylesheet" href="ie7.css" type="text/css">
<![endif]-->
<!--[if IE 8]>
<link rel="stylesheet" href="ie8.css" type="text/css">
<![endif]-->
';
}
if ($safari) {
echo '<link rel="stylesheet" href="safari.css" type="text/css">';
}
?>
</head>
<body>
<br>
<?php
if ($firefox) { //Firefox?
echo 'you are using Firefox!';
}
if ($safari || $chrome) { // Safari?
echo 'you are using a webkit powered browser';
}
if (!$msie) { // Not IE?
echo '<br>you are not using Internet Explorer<br>';
}
if ($msie) { // IE?
echo '<br>you are using Internet Explorer<br>';
}
?>
<br>
</body>
</html>
Una solución basada en CSS fue la respuesta here. Y su soporte entre los navegadores webkit es bastante amplio.
Los comentarios condicionales de IE son comentarios HTML y no comentarios CSS. – Gumbo
Tiene toda la razón. Actualizado. – shin