Articles of css

Les modems bootstrap continuent d’append du padding-right au corps après avoir fermé

J’utilise un framework bootstrap et Parse pour créer une petite application Web. Mais ces modals Bootstrap continuent d’append du padding-right au corps après avoir fermé. Comment résoudre ce problème? J’ai essayé de mettre ce code dans mon javascript: $(‘.modal’).on(‘hide.bs.modal’, function (e) { $(“element.style”).css(“padding-right”,”0″); }); Mais ça ne marche pas. Est-ce que quelqu’un sait comment réparer […]

Comment trouver la valeur de transparence du canal alpha d’un pixel dans une image png?

J’ai une image qui a la transparence du canal alpha. Je veux recréer la même couleur d’arrière-plan avec les valeurs RGBA dans CSS, mais je ne trouve pas la couleur réelle des pixels d’arrière-plan et leur valeur de canal alpha. Si j’utilise un sélecteur de couleur, cela me donnera la valeur absolue de la couleur […]

Pourquoi n’est-il pas possible de combiner des pseudo-éléments / classes spécifiques aux fournisseurs dans un ensemble de règles?

En CSS, il est possible de placeholder texte d’un placeholder dans une entrée en utilisant une combinaison de pseudo-classes et de pseudo-éléments propres au fournisseur (pour obtenir la meilleure couverture inter-navigateurs). Celles-ci partagent toutes les mêmes propriétés de base (ex: style de texte et déclarations de couleur). Cependant, bien que je veuille inévitablement appliquer les […]

Twitter Bootstrap 3, contenu du centre vertical

Je sais que cela a été demandé mille fois mais je ne trouve pas de moyen de centrer verticalement le texte et l’image. J’utilise Twitter Bootstrap 3 avec du contenu dynamic, donc je ne connais ni la taille ni le texte ni l’image. De plus, je veux que tout soit réactif. J’ai créé un bootply […]

CSS Selector pour sélectionner un élément qui vient avant un autre élément?

Je travaille sur une page de connexion pour mon site Web et je veux mettre en gras le libellé qui précède la zone de saisie lorsque la zone de texte se concentre. En ce moment j’ai le balisage suivant: Username: Password: Je peux utiliser le sélecteur adjacent pour sélectionner l’étiquette après la zone de texte, […]

CSS background-image-opacity?

Lié à Comment donner du texte ou une image à un arrière-plan transparent en utilisant CSS? , mais légèrement différent. J’aimerais savoir s’il est possible de modifier la valeur alpha d’une image d’ arrière-plan plutôt que la couleur. Évidemment, je peux simplement enregistrer l’image avec différentes valeurs alpha, mais j’aimerais pouvoir ajuster l’alpha de manière […]

Comment déboguez-vous les CSS imprimables?

J’utilise Firebug et IE Developer Toolbar tout le temps pour déboguer des problèmes CSS complexes. Mais de temps en temps, un bug compliqué apparaît seulement lorsque vous imprimez la page. Quelles techniques / outils utilisez-vous pour diagnostiquer de tels problèmes? Existe-t-il un moyen d’utiliser davantage les outils de débogage CSS traditionnels en mode d’impression? Mise […]

Comment puis-je inclure une icône de police géniale dans mon svg?

J’ai un svg qui inclut des images: Comment puis-je remplacer cette ligne avec une icône géniale de police: ne semble pas fonctionner car l’image ne s’affiche pas.

CSS3 Transitions: «transition: all» est-il plus lent que «transition: x»?

J’ai une question sur la vitesse de rendu pour la propriété de transition css3. Supposons que j’ai un certain nombre d’éléments: div, span, a {transition: all} div {margin: 2px} span {opacity: .5} a:hover {background-position: left top} div:hover {margin: -100px} span:hover {opacity: 1} a:hover {background-position: -5px top} Il est beaucoup plus efficace de cibler toutes les […]

Largeur parfaite de 100% du conteneur parent pour une entrée Bootstrap?

Comment puis-je faire en sorte qu’un champ de saisie Bootstrap soit exactement aussi large que son parent? Comme l’a écrit steve-obrien dans Bootstrap Issue # 1058 : Le réglage sur 100% ne fonctionne pas lorsqu’il est appliqué directement à un champ de saisie car il ne prend pas en compte le remplissage. Ainsi, vous vous […]