我试图将文本放在背景图像之后，但遇到了问题。文本与图像重叠，这不是我想要的。
问题是什么？
这是一个示例代码:
<html>
<head>
<title>Test CSS</title>
<style type="text/css">
#uxFaceBookLink
{
background-image: url(icon-social-facebook.png);
background-repeat: no-repeat;
background-position-x: left;
background-position-y: 0px;
}
.FBLink
{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#uxTwitterLink
{
background-image: url(icon-social-twitter.png);
background-repeat: no-repeat;
background-position-x: 0px;
background-position-y: 0px;
}
.TwitterLink
{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
</style>
</head>
<body>
<div>
<p><a ID="uxFaceBookLink" href="http://www.facebook.com" target="_blank" class="FBLink">Join us on Facebook</a></p>
<p><a ID="uxTwitterLink" href="http://twitter.com" target="_blank" class="TwitterLink">Follow us on Twitter</a></p>
</div>
</body>
</html>
最佳答案
搞砸了，终于搞明白了。这是 CSS
#uxFaceBookLink
{
background-image: url(icon-social-facebook.png);
background-repeat: no-repeat;
background-position-x: left;
background-position-y: 0px;
}
.FBLink
{
padding: 0px 0px 0px 20px;
margin: 0px 0px 0px 0px;
}
#uxTwitterLink
{
background-image: url(icon-social-twitter.png);
background-repeat: no-repeat;
background-position-x: 0px;
background-position-y: 0px;
}
.TwitterLink
{
padding: 0px 0px 0px 20px;
margin: 0px 0px 0px 0px;
}
关于css - 在 CSS 背景图像之后放置文本，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18858002/