jquery - jQuery .text.css の位置で背景画像を取得する方法

Question

この行で：

$('<p>').appendTo('#map_div')
    .text('MERCURY')
    .css({
        position:'absolute',
        top:'100px',
        left:'70px'
    });

MERCURY画像上の特定の位置にテキストを取得します。

background-imageこれを CSSまたはcolorこのテキストの後ろにコーディングするにはどうすればよいですか?

フィドルの例: http://jsfiddle.net/zAJvx/2/

Answer 1

既に適用している CSS にそれを追加するだけです。

$('<p>').appendTo('#map_div')
        .text('MERCURY')
        .css({position:'absolute',
              top:'100px',
              left:'70px',
             'background-color': 'yellow'
        });

また

$('<p>').appendTo('#map_div')
        .text('MERCURY')
        .css({position:'absolute',
              top:'100px',
              left:'70px',
              'background-image': 'url(myimage.png)'
         });       

チェック： http: //jsfiddle.net/zAJvx/48/

Answer 2

あなたができることの1つは、p要素のcssクラスを追加することです

p
{
background-color:rgb(255,0,255);
}