用CSS定位背景圖像

我正在構建一個Wordpress網站。在主頁上，我試圖定位一個球，而不會影響滑塊下的其他div，主題製作者給出了相同的類名。我想要做的是把球放小，放在寫作之下。主題不允許我爲該圖像分配一個類。這是我嘗試過的，但它影響了該行中的其他圖像。請有人幫助我嗎？我想我可能能夠使用第一個孩子，但不知道。謝謝！用CSS定位背景圖像

.cg-strip .cg-strip-bg { 

    background-size: contain !important; 
background-position-y: 90%; 
    background-size: 50%; 
}

來源

2015-06-03 Keren

用途：

<div class="cg-strip-bg " style="background:url(http://adasportsandrackets.com/wordpress/wp-content/uploads/2014/10/ada-460-mole150x146hp.png) no-repeat center bottom/80%!important; "></div>

注意！不使用：background-image:但background:
這一切東西：

url(blabla.png) no-repeat center bottom/80%!important

80％的大小，可能是有點過分下方的文本，但你可以自由地修復，直到你得到想要的結果。

來源

2015-06-03 02:19:31

謝謝！主題使用簡碼。我添加了bg圖像，並將球保持在div的頂部 - 應用了132px的高度。我的CSS：'.yellow-ball {background_ image：url（「http://adasportsandrackets.com/wordpress/wp-content/uploads/2014/10/ada-460-mole150x146hp.png」）; background-repeat：no-repeat; background-size：contains; }'這是主題後端：'[cg_content_strip custom_content_css =「yellow-ball」height =「402px」width =「80％」bg =「＃1e73be」valign =「top」halign =「center」text_align =「 center「color =」light「animation =」fadeIn「text_fade_out =」no「bg_img_type =」simple「]' – Keren

用CSS定位背景圖像

回答

相關問題