我有CSS精灵图像。它工作正常,但问题是我想要图像右侧的锚标记的文本。但它显示在左侧。精灵图像在这里。将Sprite图像放置在锚标签的右侧?
http://jstiles.com/temp/1360875952/ctrls/css-sprite.png
预期结果:
[Mylinktext]<MyImagehere>
实际结果是什么,我得到的是
<MyImagehere>[Mylinktext]
我不想伪后使用class.Becuase它不会在锻炼身体IE7浏览器也是如此。我的代码如下。
.ctrls
{
font-family:Arial;
font-weight:bold;
font-size:16px;
color:black;
background-image: url(images/ctrlsprite.png);
//background-image: url(images/css-sprite.png);
background-repeat:no-repeat;
text-decoration:none;
display: inline-block;
padding-left:30px;
}
.ctrls:hover
{
background-position: 0px -252px;
text-decoration:underline;
}
a.magenta
{
background-position:0px -144px;
}
和HTML
<div>
<p>Magenta</p>
<a href="#" class="ctrls magenta">Et Movet</a>
</div>
我如何放置文本的图像右侧?
IE7是新的IE6。更好的是它被掩埋和遗忘。 – 2013-02-14 21:56:43
[背景位置](https://developer.mozilla.org/en-US/docs/CSS/background-position)是否适合您? – 2013-02-14 21:56:47
@FloydPink通过使用背景位置,我从Sprite中撷取特定图像。现在我想将图像放在锚标记文本的右侧。我希望如果你看到代码,你可以明白... – svk 2013-02-14 22:02:38