J'essaie de faire des coins arrondis dans IE avec le CSS3 Pie Comportement ci-joint.
Voici mon CSS : et voici quelques échantillons HTML: et via javascript i Ajouter une idée de la raison pour laquelle cela ne fonctionne pas? J'ai également essayé d'utiliser Merci! RowMousedover au fieldrow quand il est planifié. comportement: URL (pie.htc) , mais n'avait pas de chance avec cela non plus.
7 Réponses :
Le problème peut être dans votre chemin, selon l'endroit où vous placez le fichier PIE.htc. Notez que Pâté 'mise en route' la documentation ( ) mentionne ce qui suit:
... vous devrez ajuster le chemin de match où vous avez téléchargé PIE.htc à l'étape 2. Remarque: ce chemin est relatif au fichier HTML en cours de visualisation, et non le fichier CSS, il est appelé à partir.
Comportement: url (PIE.htc); devrait fonctionner si le fichier PIE.htc est dans le même dossier que votre fichier html (au moins, il a travaillé pour moi :-)).Cependant, pas sûr de ce que vous voulez voir arrondi ... la div qui serait touché ne semble pas avoir des caractéristiques visibles. Si vous voulez voir la div avec des coins arrondis, vous voudrez peut-être rendre la frontière ou arrière-plan visible, comme l'ajout
border: 1px solid black; oubackground-color: someColor; à la classe fieldrow.Si vous voulez voir le champ d'entrée arrondi, vous voudrez peut-être déclarer la classe comme
entrée .fieldRow {...}
J'ai juste fait comme vous l'avez dit, comme j'avais les deux fichiers où mon CSS est situé, mais pas dans le dossier racine, où toutes les pages sont, mais cela ne fonctionne toujours pas (essayé à la fois pie.htc et pie.php).
La! La déclaration importante semble jouer un peu des choses ... Si je suppose que le code semble fonctionner. Aussi, position: relatif; ne semblait pas être nécessaire. Quelle version d'IE utilisez-vous?
Essayez d'ajouter un Position: relative dans la déclaration CSS. J'ai eu ce problème plusieurs fois et il est normalement résolu en faisant cela. Vous trouverez d'autres informations sur: http://css3pie.com/documentation/knurning-issues/
J'ai ajouté que pour le CSS, mais toujours pas d'arrondi = s
Jetez un coup d'œil sur simnom.co.uk/pie . Cela a les coins arrondis sur la boîte à l'aide du pie.php comme fichier de comportement inclus.
Il suffit d'ajouter ceci fonctionne dans IE8 avec le mode de compatibilité et éteint.
Les demandes pie.htc doivent répondre avec le type MIME "Texte / X-Composant" - ou IE ne touche pas le comportement. Le pie.php que vous utilisez devrait résoudre ce problème. Si vous ne savez pas si tel est le cas, utilisez Firebug's Net Feature pour vérifier une demande directe dans le fichier.
Notez également que le chemin de pie.htc est relatif à la page HTML - non relatif au fichier CSS que vous attendez. Alors, envisagez de faire le chemin vers le .htc Absolute. Ici Firebug peut vous aider à détecter à nouveau si vous avez un numéro 404.
Plus d'infos sur http://css3pie.com/documentation/knurning-issues/
Je ne vois pas de demande de pie.php, mais je mets à la fois pie.php et pie.htc dans le même répertoire que le fichier php en cours d'exécution. Quel pourrait être le problème?
Cela fonctionne maintenant, mais je reçois un "débordement de pile en ligne 0" = S lorsque je prends le CSS pour la tarte, je cesse d'obtenir cette erreur. des idées?
Nevermind, je vois que si vous l'appliquez deux fois sur le même élément (avec deux classes différentes), il provoque un débordement de pile. Je vais limiter à un :) merci beaucoup !!!
Essayez d'ajouter comme suggéré ici http://css3pie.com/forum/viewtopic.php?f=3&t=10
La réponse de Neophyte ici (pour utiliser un commentaire conditionnel dans la section de la tête) m'a aidé lorsque tout le reste semblait bien / n'a pas fabriqué une différence (sur les pages de test les plus simples, de IIS 7 avec IE8)
http://www.webmasterworld.com/forum83/9144.htm < / p>
espoir qui aide quelqu'un
Vaut aussi à noter - j'ai eu un problème où les coins arrondis ne fonctionnaient pas dans LTE IE8 lorsque je définirais une couleur d'arrière-plan avec un ! important règle après. Une autre raison de ne pas utiliser! IMPORTANT!
Une solution qui fonctionne pour moi est la suivante:
dan
Est-ce que ça marche sur Firefox et Chrome?
Peut-être que c'est un problème avec le chemin. Étant donné que HTC est une norme MS, le chemin URL est relatif au document plutôt que la feuille de style. Vous pouvez toujours essayer d'utiliser une URL absolue en premier.
C'est ce que Cordesmj a également suggéré, mais je l'ai mis au bon endroit et ce n'est toujours pas arrondi.
z-index ne fonctionne pas sur la position relative ... seulement sur Absolute;)