CSS3 et de la nouvelle propriété d’opacité (transparence)
Au début, j’ai pensé que cela était un bug Firefox. Et, en fait, il a été, autrefois appelé-moz-opacity. Mais maintenant il est appelé simplement “opacity” et fait partie de CSS3. Navigateur d’aide? Firefox, Chrome, Opera et Safari. Non Interweb Explorer (surprise), mais il ne peut être réalisé avec DirectX, qui peuvent être appliquées dans une feuille de style. Alors, quelque chose comme ceci: <style type=”text/css”> <! — . transparent ( filtre: Alpha (opacity = 50); -moz-opacity: 0.5; opacity: 0.5; border-radius: 5px; -moz-border-radius: 5px; -WebKit-border-radius: 5px; ) / / -> <style> Tel est le contexte div contenant le texte que vous êtes en train de lire. Il ya un div corniche, qui a l’opacité propertiy ensemble, vous permettant de voir à travers lui et de lire ce texte Tout est opaque 1 - vous ne pouvez pas voir à travers. Et totalement transparente est de 0. Pour les ombres, vous voudrez probablement quelque chose entre les deux. rgba () Le rgba () définition de couleur peut également être utilisé pour définir l’opacité d’un seul élément (comme une définition de couleur, il n’est pas hérité par les éléments fils. L’opacité est la propriété). Par exemple: background-color: rgba (128,128,128,0.5); Opera (9.6) ne semble pas soutenir le rgba () method. Firefox, Safari et bien que ne Chrome. Coins arrondis sur les boîtes Firefox, Safari et Chrome tous les coins de soutien courbés sur des boîtes, si j’ai ajouté dans ce ainsi. C’est très simple en ce qu’il est juste un peu de propriétés CSS. De ce fait, il se dégrade trop bien pour les navigateurs qui ne prennent pas en charge elle - Opera et (probablement) MSIE. Avec MSIE, il peut y avoir un DirectX thang que fait la même chose. Un côté … Par ailleurs, at-il quelqu’un d’autre écrire CSS et Javascript blocs comme je le fais (c’est-à-dire encastrées dans un commentaire HTML)? ISTR lecture quelque chose à ce sujet sont à portée de main pour la masquer de les navigateurs non-conformes. Mais ce n’était ans. Toujours est-elle pertinente?
Cet article a des tags
0 commentaires
Commentaires