css avec image de fond sans répéter l'image
j'ai une colonne (permet de supposer la largeur est 40px) et là, j'ai quelques lignes. La hauteur des lignes dépend de la longueur du texte (si le texte est long alors il y a une ligne de rupture et donc la hauteur augmente).
Maintenant, je veux afficher une icône dans chaque rangée à côté du texte à afficher à l'utilisateur, par exemple, qu'il a déjà réalisé quelque chose dans cet onglet. Donc j'essayais de résoudre ça en utilisant seulement css. Donc si l'utilisateur remplit un onglet alors je change le css de cette rangée. Cependant, je ne peux pas ajouter à cette ligne une image sans que l'image soit répétée.
j'utilise ce code css:
padding: 0 8px;
padding-top: 8px;
padding-right: 8px;
padding-bottom: 8px;
padding-left: 8px;
overflow: hidden;
zoom: 1;
text-align: left;
font-size: 13px;
font-family: "Trebuchet MS",Arial,Sans;
line-height: 24px;
color: black;
border-bottom: solid 1px #BBB;
background-color: white;
background-image: url('images/checked.gif');
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
est ce que quelqu'un sait comment faire cela?
4 réponses
au Lieu de
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
qui n'est pas correcte, utilisez
background-repeat: no-repeat;
body {
background: url(images/image_name.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
Voici une bonne solution pour obtenir votre image pour couvrir toute la zone de l'application web parfaitement
Essayez ceci
padding:8px;
overflow: hidden;
zoom: 1;
text-align: left;
font-size: 13px;
font-family: "Trebuchet MS",Arial,Sans;
line-height: 24px;
color: black;
border-bottom: solid 1px #BBB;
background:url('images/checked.gif') white no-repeat;
c'est la css complète.. Pourquoi vous utilisez padding:0 8px, puis le surcharger avec des rembourrages? C'est ce que vous avez besoin...
c'est tout Ce dont vous avez besoin:
background-repeat: no-repeat;