Maison  >  Article  >  interface Web  >  Qu’est-ce que CSS3pie ?

Qu’est-ce que CSS3pie ?

青灯夜游
青灯夜游original
2020-11-12 14:29:112359parcourir

CSS3pie est un plug-in js qui permet aux versions IE6 à IE8 de réaliser la plupart des fonctionnalités de modification CSS3, telles que les coins arrondis, les ombres, les dégradés, etc. Son essence est un fichier ".htc" c'est simple ; pour utiliser., ajoutez simplement "behavior: url (PIE.htc path)" où CSS3 est utilisé.

Qu’est-ce que CSS3pie ?

CSS3pie est un très excellent outil CSS3, un plug-in js qui permet aux versions IE6 à IE8 d'implémenter la plupart des fonctionnalités de modification CSS3, telles que les coins arrondis, les ombres , dégradés, etc., grâce à cet outil, vous pouvez modifier les effets souhaités en ligne et générer du code CSS instantanément.

Site officiel : http://css3pie.com/

L'utilisation de la méthode PIE est la même que nous utilisons habituellement les attributs CSS3. Fondamentalement, il n'y a pas de nom de style spécial, il suffit de lier le. fichier pie.htc.

CSS3 Pie prend en charge la syntaxe CSS3 suivante :

  • coins arrondis de bordure-radius

  • ombre de bloc d'ombre de boîte

  • bordure d'image de bordure

  • plusieurs images d'arrière-plan plusieurs arrière-plans

  • dégradé linéaire comme image d'arrière-plan Image d'arrière-plan dégradé linéaire

CSS3 Pie est un fichier .htc et peut être téléchargé depuis le site officiel.

Adresse de téléchargement CSS3 PIE :

  • Site officiel http://css3pie.com/download/

  • GitHub https://github.com/lojjic/PIE/downloads

Il est très simple à utiliser, ajoutez simplement behavior: url(PIE.htc) où CSS3 est utilisé, spécifiez-le dans le fichier ; fichier htc La position est bonne (par rapport au document html).

démo :

<div id="tests"></div>

#tests {
    padding: 1.5em;
    margin: 1em 0;
    border-radius: 10px;
    behavior: url(/pie/PIE.htc);
    position: relative;
    background: #CCF;
    overflow: hidden;
}

Pour plus de connaissances liées à la programmation, veuillez visiter : Introduction à la programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn