Texte ombre et chute de boîte, des coins arrondis et les dégradés avec jQuery plug-in officiel

Question

Y at-il plugin jQuery officiel (comme jQuery UI) qui permet à ces effets dans tous les navigateurs? Ou au moins IE8, Chome, FF et Opera. Je ne veux pas les plugins utilisateur que ceux manquent souvent de soutien à long terme, sont les uns aux autres non compatibles ou d'un manque de qualité et d'optimisation cohérente.

J'ai vu des « classes de superposition et d'ombre » dans la page de jQuery UI, mais je ne peux trouver aucune documentation sur eux. Je pense que ces caractéristiques si souvent désiré doivent être inclus dans jQuery en quelque sorte?

J'appretiate toute aide! Merci à l'avance!

Answer 1

Il n'y a pas « officiel » de le faire, mais il y a une manière pragmatique (qui n'a rien à voir avec jQuery). Pour certains sites, je l'ai abordé le problème tout à fait dans le CSS, en utilisant une combinaison des règles « authentiques », les versions spécifiques du navigateur, puis le CSS3 PIE fichier htc (pour IE). Un exemple:

div.roundbox {
  border-radius: 8px;          // Official. Maybe someday.
  -webkit-border-radius: 8px;  // Webkit browsers
  -moz-border-radius: 8px;     // Firefox
  behavior: url(PIE.htc);      // IE
}

CSS3 PIE fonctionne remarquablement bien, et semble faire beaucoup mieux que la famille IE7.js des solutions. En fait, vous laissez tomber cette même ligne de behavior dans les règles CSS que l'utilisation border-radius, box-shadow, etc. Le script prend en charge le reste, et n'a aucun effet sur les navigateurs non-IE qui rend les effets par l'un des trois premières directives.

Vous pouvez également établir une liste de tous vos objets PIE dignes et déclarer le comportement d'un seul coup (après les règles régulières):

div.shadowbox, div.roundbox, p.somethingelse { behavior: url(PIE.htc); }

Il y a certainement beaucoup de place pour le débat sur la sagesse de cette approche -. Mais il fonctionne très bien dans de nombreux cas