使用css sprites作为标题背景的问题

时间:2010-11-27 13:30:48

标签: background css-sprites css

我的网站有一个主css精灵。现在我有几个文章标题的背景问题。我用圆角创建了图像。现在我将此背景应用于我的标题,我没有看到完整的背景图像,图像的一部分被裁剪。我想将100%的图像应用为背景。

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

我感谢任何帮助。

感谢。

2 个答案:

答案 0 :(得分:0)

您有两个选项,要么使用css3 border-radius选项并删除背景图像,要么稍微膨胀您的标记,并为标题的一侧引入第二个带有背景图像的容器。本文中的选项卡描述了此技术:

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

答案 1 :(得分:0)

使用它的占位符映射图像的宽度。

例如: 如果你的图像宽度为100px,请使用如下

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