PROJET AUTOBLOG


Liens en vrac de sebsauvage

source: Liens en vrac de sebsauvage

⇐ retour index

Mise à jour

Mise à jour de la base de données, veuillez patienter...

CSS: User Agent Selectors — Rog.ie

mardi 14 janvier 2014 à 10:27
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)