2013-09-27 35 views
-1

這條線得到一個背景圖像:如何在一個jQuery .text.css位置

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

我會得到一個圖像的給定位置的文本MERCURY

如何在本文後面的CSS background-imagecolor中編碼?

小提琴例如:http://jsfiddle.net/zAJvx/2/

+0

'背景圖片:「URL(.. 。)「,'???你卡在哪裏?沒有試過? –

+0

嗯,A.沃爾夫,我嘗試了幾行,但因爲我對jQuery不太聰明,所以我問你們。 – Harry

回答

3

只需添加到您已應用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/

+0

那麼簡單?謝謝!我確實嘗試了幾行,但沒有這樣想。我會投票! – Harry

+0

@Harry FYI,你也可以使用camelCase語法:'backgroundImage:「url(...)」,' –

1

一件事你可以做的就是添加CSS類p元素

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

你的意思是'規則'不是類,對嗎? –

+0

在您的css文件中添加類爲「p」。 – abcd

+1

「p」不是類選擇器,這就是我的意思 –

相關問題