Rendu sous-pixel dans les navigateurs
Le rendu sous-pixel est délicat. Vous ne pouvez pas réellement vous attendre à ce qu'un moniteur affiche une ligne fine inférieure à un pixel. Mais il est possible de fournir des dimensions sous-pixel. Selon le navigateur, ils les rendent différemment. Consultez ce blog de John Resig à ce sujet.
Fondamentalement, si votre moniteur est un écran LCD et que vous dessinez des lignes verticales, vous pouvez facilement tracer une ligne 1/3 pixel. Si votre fond est blanc, indiquez la couleur de votre ligne #f0f
. À l'œil nu, cette ligne mesurera 1/3 de pixel. Bien qu'il soit d'une certaine couleur, si vous agrandissez le moniteur, vous verrez qu'un seul segment du pixel entier (composé de RVB) sera sombre. C'est à peu près la technique utilisée pour les indications de type fin, c'est-à-dire ClearType .
Mais les lignes horizontales ne peuvent atteindre qu'un pixel plein. C'est la limitation technologique des moniteurs LCD. Les CRT étaient encore plus compliqués avec leurs luminophores triangulaires (sauf s'ils étaient du type à grille d'ouverture, c'est-à-dire Sony Trinitron), mais c'est une autre histoire.
Fondamentalement, fournir une dimension sous-pixel et s'attendre à ce qu'elle soit rendue de la même manière que s'attendre à ce qu'une variable entière stocke un nombre de 1,2034759349. Si vous comprenez que cela est impossible, vous devez comprendre que les moniteurs ne sont pas en mesure de restituer les dimensions sous-pixel.
Style sûr de navigateur croisé
Mais la façon dont les règles horizontales fondent se font généralement à l'aide de couleurs. Donc, si votre arrière-plan est par exemple blanc ( #fff
), vous pouvez toujours faire votre HR
très léger. Comme #eee
.
Le style de sécurité croisé pour une règle horizontale très légère serait:
hr
{
background-color: #eee;
border: 0 none;
color: #eee;
height: 1px;
}
Et utilisez un fichier CSS au lieu de styles en ligne. Ils fournissent une définition centrale pour l'ensemble du site et pas seulement un élément particulier. Cela rend la maintenabilité bien meilleure.