Ca c'est pas bête comme idée: ça permet d'appliquer des styles CSS particuliers pour certains navigateurs (ou même pour navigateurs tactiles), avec un minimum de javascript pour la "détection".
(via http://colibri-libre.org/liens/?s3iqXw)
Le javascript:
<script>
var b = document.documentElement;
b.setAttribute('data-useragent', navigator.userAgent);
b.setAttribute('data-platform', navigator.platform );
b.className += ((!!('ontouchstart' in window) || !!('onmsgesturechange' in window))?' touch':'');
</script>
Et vous pouvez faire alors:
html[data-useragent*='Chrome/13.0'] .nav{
background:url(img/radial_grad.png) center bottom no-repeat;
}
(Permalink)