1

背景画像の後にテキストを配置しようとしていますが、問題が発生しています。テキストが画像に重なっていますが、これは私が望んでいるものではありません。

何が問題ですか？

サンプルコードは次のとおりです。

<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>
4

2 に答える 2

0

要素にパディングを追加して、要素を端から引き込み、画像が重ならないようにします

    .FBLink
    {
        padding: 0px 0px 0px 50px;
        margin: 0px 0px 0px 0px;
    }

    .TwitterLink
    {
        padding: 0px 0px 0px 50px;
        margin: 0px 0px 0px 0px;
    }
于 2013-09-17T19:16:28.410 に答える