Parfois vous avez juste déplacer un élément, le changement du point de vue, pour résoudre un problème semble insurmontable. Et quand on a à voir avec la compatibilité entre les navigateurs et les CSS, inventer des solutions "spectaculaire" (cascades dirais) est sur l'ordre du jour. , per Safari e Google Chrome. Ce que je vous montrer un moyen facile d'appliquer des coins arrondis des images en utilisant -moz-border-radius , qui est disponible pour Mozilla Firefox et -webkit-border-radius , Safari et Google Chrome.
Articles taggés avec 'IMG'
Firefox 3.5.7: comment réparer le défaut des bords arrondis d'une image
jQuery: ronds bords sur les images se chevauchent
En raison de la prestation différente selon les navigateurs, Microsoft Internet Explorer certainement voir dans cet esprit, nous devons toujours avoir recours à des astuces pour appliquer des effets spéciaux qui devraient maintenant être une norme. Le prix-discuté des bords arrondis sont un exemple classique de «catastrophe» produite par l'incapacité totale de faire quelques normes sérieuses sur les pages rendent HTML / CSS. , etc… Il existe de nombreuses solutions qui permettent au réseau pour obtenir des "effets" (effets qui présentent comme étant exemptées à partir des coins arrondis HTML, des effets d'ombre, des reflets, etc ...) avec des taches sur les feuilles de styles, des astuces spéciales en utilisant div greffé, les bibliothèques Javascript, utilisation de canvas , etc ...
Sur un purement pédagogique, je vais illustrer autre technique (cross-browser) à appliquer aux bords arrondis des images:
Démo et la source
Fabriqué dans le redimensionnement de l'image sur le navigateur
En principe, lorsque vous insérez une image dans un document HTML doit utiliser sa taille d'origine. Toutefois, le TAG IMG vous permet de forcer la largeur (largeur) et la hauteur (la hauteur) de toute image, indipendemente de sa taille originale. Cette conversion est effectuée - bien sûr - à partir du navigateur.
Utilisez le format original d'une image est bonne, bien que dans certains cas conduit à une double travail pour le concepteur Web et / ou moteurs dynamiques (tels que CMS ou des bibliothèques de manipulation graphiques) sur le serveur Web. Un diaporama classique, par exemple, comme une règle afficher l'aperçu ou de la vignette (images de taille réduite) montrent que si vous sélectionnez l'image originale plus grande.
Derniers Commentaires
kOoLiNuS : @ Giovambattista Fazioli: merci! plus que disposés!
Giovambattista Fazioli : @ kOoLiNuS: Calme, vous pouvez probablement prévoyons que WPX Cleanfix sera libre, et ...
kOoLiNuS : @ kOoLiNuS: un manque
et un 
kOoLiNuS : @ Giovambattista Fazioli: Je me suis abonné, mais quand j'étais mon usage amateur de la plate-forme ...
Giovambattista Fazioli : @ kOoLiNuS: Oui, c'est un problème connu. Se produit lorsque les tables en question sont ...