Questions marquées «background-image»

La propriété CSS background-image définit une ou plusieurs images d'arrière-plan pour un élément.


30
Quand utiliser IMG vs. CSS background-image?
Les réponses à cette question sont un effort communautaire . Modifiez les réponses existantes pour améliorer ce post. Il n'accepte pas actuellement de nouvelles réponses ou interactions. Dans quelles situations est-il plus approprié d'utiliser une IMGbalise HTML pour afficher une image, par opposition à un CSS background-image, et vice-versa? Les …

12
L'incorporation de données d'image d'arrière-plan dans CSS en tant que Base64 est-elle une bonne ou une mauvaise pratique?
Je cherchais la source d'un script utilisateur greasemonkey et j'ai remarqué ce qui suit dans leur CSS: .even { background: #fff url(data:image/gif;base64,R0lGODlhBgASALMAAOfn5+rq6uvr6+zs7O7u7vHx8fPz8/b29vj4+P39/f///wAAAAAAAAAAAAAAAAAAACwAAAAABgASAAAIMAAVCBxIsKDBgwgTDkzAsKGAhxARSJx4oKJFAxgzFtjIkYDHjwNCigxAsiSAkygDAgA7) repeat-x bottom} Je peux comprendre qu'un script greasemonkey voudrait regrouper tout ce qu'il peut dans la source plutôt que de l'héberger sur un serveur, c'est assez évident. Mais …

17
Comment appliquer un filtre CSS à une image d'arrière-plan
J'ai un fichier JPEG que j'utilise comme image d'arrière-plan pour une page de recherche, et j'utilise CSS pour le définir car je travaille dans des contextes Backbone.js : background-image: url("whatever.jpg"); Je souhaite appliquer un filtre de flou CSS 3 uniquement à l'arrière-plan, mais je ne sais pas comment styliser uniquement …

19
CSS affiche une image redimensionnée et recadrée
Je veux montrer une image à partir d'une URL avec une certaine largeur et hauteur même si elle a un rapport de taille différent. Je veux donc redimensionner (en maintenant le rapport), puis couper l'image à la taille que je veux. Je peux redimensionner avec la imgpropriété html et je …

4
Ajuster l'image d'arrière-plan à div
J'ai une image d'arrière-plan dans le div suivant, mais l'image est coupée: <div style='text-align:center;background-image: url(/media/img_1_bg.jpg);background-repeat:no-repeat;width:450px;height:900px;' id="mainpage" align="center"> Existe-t-il un moyen d'afficher l'image d'arrière-plan sans la couper?

8
Puis-je avoir plusieurs images d'arrière-plan en utilisant CSS?
Est-il possible d'avoir deux images d'arrière-plan? Par exemple, je voudrais avoir une répétition d'image en haut (répétition-x) et une autre répétition sur toute la page (répétition), où celle sur toute la page est derrière celle qui se répète en haut. J'ai trouvé que je peux obtenir l'effet souhaité pour deux …





5
Comment faire pivoter l'image d'arrière-plan dans le conteneur?
Je veux faire pivoter l'image qui est placée dans le bouton de la barre de défilement dans Chrome. Maintenant, j'ai un CSS avec ce contenu: ::-webkit-scrollbar-button:vertical:decrement { background-image:url(images/arrowup.png) ; -webkit-transform:rotate(120deg); -moz-transform:rotate(120deg); background-repeat:no-repeat; background-position:center; background-color:#ECEEEF; border-color:#999; } Je souhaite faire pivoter l'image sans faire pivoter son contenu.

6
Comment supprimer complètement les bordures du tableau HTML
Mon objectif est de créer une page HTML similaire à un "cadre photo". En d'autres termes, je souhaite créer une page vierge entourée de 4 images. Voici mon code: <table> <tr> <td class="bTop" colspan="3"> </td> </tr> <tr> <td class="bLeft"> </td> <td class="middle"> </td> <td class="bRight"> </td> </tr> <tr> <td class="bBottom" …

13
Transition d'image d'arrière-plan CSS3
J'essaye de faire un "fondu en fondu en sortie" en utilisant la transition CSS. Mais je ne peux pas faire fonctionner cela avec l'image d'arrière-plan ... Le CSS: .title a { display: block; width: 340px; height: 338px; color: black; background: transparent; /* TRANSITION */ -webkit-transition: background 1s; -moz-transition: background 1s; …

10
Comment étirer l'image d'arrière-plan pour remplir un div
Je souhaite définir une image d'arrière-plan sur différentes divs, mais mes problèmes sont: La taille de l'image est fixe (60px). Varier la taille de div Comment puis-je étirer l'image d'arrière-plan pour remplir tout l'arrière-plan du div? #div2{ background-image:url(http://s7.static.hootsuite.com/3-0-48/images/themes/classic/streams/message-gradient.png); height:180px; width:200px; border: 1px solid red; } Vérifiez le code ici.

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.