Articles of css

Comment puis-je remplacer le texte par CSS?

Comment puis-je remplacer le texte par css en utilisant une méthode comme celle-ci: .pvw-title img[src*=”IKON.img”] { visibility:hidden; } Au lieu de ( img[src*=”IKON.img”] ), je dois utiliser quelque chose qui puisse remplacer le texte à la place. Je dois utiliser [ ] pour le faire fonctionner. Facts Je dois remplacer “faits”.

Problème IE8 avec Twitter Bootstrap 3

Je crée un site en utilisant le nouveau Bootstrap Twitter. Le site a l’air bien et fonctionne dans tous les navigateurs requirejs sauf IE8. Dans IE8, il semble afficher des éléments de la version mobile mais étiré sur tout l’écran de mon bureau. Je crois que le problème que j’ai est que le bootstrap Twitter […]

Est-il possible de faire un div 50px inférieur à 100% en CSS3?

Est-il possible de faire un div 50px inférieur à 100% en CSS pur? Je veux que le soit seulement 50px moins que 100%. Je ne veux pas de JavaScript.

Comment créer une goutte d’eau en HTML?

Comment créer une forme comme celle-ci à afficher sur une page Web? Je ne veux pas utiliser d’ images car elles seraient floues à l’échelle J’ai essayé avec CSS : .tear { display: inline-block; transform: rotate(-30deg); border: 5px solid green; width: 50px; height: 100px; border-top-left-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } Cela s’est avéré vraiment […]

Est-ce que: avant de ne pas travailler sur les éléments img?

J’essaie d’utiliser le sélecteur :before pour placer une image sur une autre image, mais je trouve que cela ne fonctionne tout simplement pas pour placer une image avant un élément img , seulement un autre élément. Plus précisément, mes styles sont les suivants: .container { position: relative; display: block; } .overlay:before { content: url(images/[someimage].png); position: […]

Comment empêcher la rupture de colonne dans un élément?

Considérons le code HTML suivant: Number one Number two Number three Number four is a bit longer Number five et le CSS suivant: .x { -moz-column-count: 3; column-count: 3; width: 30em; } En l’état actuel, Firefox le présente de la manière suivante: • Number one • Number three bit longer • Number two • Number […]

Sélectionnez tous les éléments ‘tr’ sauf premier ‘tr’ dans une table avec CSS

Comment puis-je sélectionner tous les éléments sauf le premier tr dans une table avec CSS? J’ai essayé d’utiliser cette méthode mais j’ai constaté que cela ne fonctionnait pas: http://www.daniel-lemire.com/blog/archives/2008/08/22/how-to-select-even-or-odd-rows-in-a-table-using-css-3/

Custom Scrollbar CSS pour Firefox

Je veux personnaliser une barre de défilement avec CSS. J’utilise ce code CSS WebKit, qui fonctionne bien pour Safari et Chrome: ::-webkit-scrollbar { width: 15px; height: 15px; } ::-webkit-scrollbar-track-piece { background-color: #C2D2E4; } ::-webkit-scrollbar-thumb:vertical { height: 30px; background-color: #0A4C95; } Comment puis-je faire la même chose dans Firefox? Je sais que je peux facilement le […]

Remplacer le texte H1 par une image de logo: meilleure méthode pour le référencement et l’accessibilité?

Il semble y avoir quelques techniques différentes, alors j’espérais obtenir une réponse “définitive” à ce sujet … Sur un site Web, il est courant de créer un logo lié à la page d’accueil. Je veux faire la même chose, tout en optimisant au mieux les moteurs de recherche, les lecteurs d’écran, IE 6+ et les […]

Écran gelé dans le panneau de débogage chrome / DevTools pour l’inspection popover?

J’utilise l’inspecteur de chrome pour parsingr le z-index d’un pop-up de démarrage Twitter et le trouver extrêmement frustrant … Y a-t-il un moyen de figer le popover (alors qu’il est montré) pour que je puisse évaluer et modifier le CSS associé? Placer un «survol» fixe sur le lien associé ne fait pas apparaître le popover.