0

画像をテキストボックスとして使用しdivていますが、その画像には一種の境界線/エンボスが含まれているため、テキストがその部分に重なって見た目が悪いので、テキストを15ピクセル右に配置したいと思いますが、試してもうまくいきません仕事

HTML:

<div id=textarea>
    <h2> Tardis -time music festival </h2>
    <p>
    <br/>    Hello fellow time travelers,
    <br/>    Do you enjoy Music as much as Time travel?
    <br/>    If you do this is the right festival for you!
    <br/>    You don't even have to travel, we come to you,
    <br/>    And take you tot he biggest time adventure of your life!!
    <br/>    experience birth of music, the first rock song and much much more.
    </p>
</div>

そしてCSS： 

#textarea{
    background-image:url(images/text.png);
    background-repeat:no-repeat;

    border:none;
    width: 910px;
    height:300px;
    color:#CAAA5B;
    padding:3px;
    margin-right:4px;
    margin-bottom:8px;
    float:right;
}
4

2 に答える 2

1

テキストを含むdivを右に移動したい場合は、位置シフトを使用してください...例：

#textarea{
postion:relative;
left:15px;
}

これにより、背景画像もシフトする可能性がありますが、その場合は、テキストだけで周囲の div の画像に影響を与えない別の div を追加できます。

div id=textarea>
<div id="text">
                <h2> Tardis -time music festival </h2>
        <p>
            <br/>    Hello fellow time travelers,
            <br/>    Do you enjoy Music as much as Time travel?
            <br/>    If you do this is the right festival for you!
            <br/>    You don't even have to travel, we come to you,
            <br/>    And take you tot he biggest time adventure of your life!!
            <br/>    experience birth of music, the first rock song and much much more.
                    </p>
                    </div></div>

と

<style>
#text{
postion:relative;
left:15px;
}
</style>
于 2013-01-12T20:11:01.497 に答える
-1

CSS の div 内の要素だけをターゲットにしてみましたか?

<style>
#textarea p h2 {
postion:relative;
left:15px;
}
</style>
于 2013-01-12T20:54:49.057 に答える