Problème d'utilisation des sprites css en arrière-plan pour le titre

Question

J'ai un sprint css maître pour mon site web. Maintenant, j'ai des problèmes avec des arrière-plans pour quelques titres d'articles. J'ai créé une image avec des coins arrondis. Maintenant, j'applique cet arrière-plan pour mon titre, je ne vois pas l'image de fond complète, une partie de l'image est recadrée. Je veux appliquer 100% de l'image en arrière-plan.

background: #E8E8E8 url(/img/icons/spritelnkd.png) no-repeat 0px -180px; 

J'apprécie toute aide.

Merci.

Answer 1

Vous avez deux options, soit vous utilisez l'option css3 border-radius et supprimez l'image d'arrière-plan, soit vous devez gonfler un peu votre balisage et introduire un second conteneur avec une image d'arrière-plan. Cette technique est décrite pour les onglets dans cet article:

http://www.alistapart.com/articles/slidingdoors/

Answer 2

Map la largeur de l'image avec son porte-lieu.

par exemple: si votre largeur d'image 100px, utilisez comme suit

<div style="width:100px;" class="sprite-class">Title</div>