Comment utiliser les dégradés CSS3 pour mon background-color, puis appliquer un background-imagepour appliquer une sorte de texture transparente à la lumière?
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 …
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 …
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 …
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 …
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?
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 …
J'ai une DIV et je voudrais mettre un motif en arrière-plan. Ce motif est gris. Donc, pour le rendre un peu plus agréable, je voudrais mettre un "calque" de couleur transparente claire. Voici ce que j'ai essayé mais qui n'a pas fonctionné. Existe-t-il un moyen de placer le calque coloré …
J'ai un site Web (g-floors.eu) et je veux rendre l'arrière-plan (en CSS j'ai défini une image bg pour le contenu) également réactif. Malheureusement, je n'ai vraiment aucune idée de la façon de procéder, sauf une chose à laquelle je peux penser, mais c'est une solution de contournement. Créer plusieurs images …
J'ai un panneau que j'ai coloré en bleu si ce panneau est sélectionné (cliqué dessus). De plus, j'ajoute un petit signe ( .pngimage) à ce panneau, qui indique que le panneau sélectionné a déjà été sélectionné auparavant. Donc si l'utilisateur voit par exemple 10 panneaux et 4 d'entre eux ont …
Est-il possible de définir un background-imagepour un <path>élément SVG ? Par exemple, si je définis l'élément class="wall", le style CSS .wall {fill: red;}fonctionne, mais .wall{background-image: url(wall.jpg)}pas non plus .wall {background-color: red;}.
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.
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" …
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; …
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.
We use cookies and other tracking technologies to improve your browsing experience on our website,
to show you personalized content and targeted ads, to analyze our website traffic,
and to understand where our visitors are coming from.
By continuing, you consent to our use of cookies and other tracking technologies and
affirm you're at least 16 years old or have consent from a parent or guardian.