用CSS定位背景图像

用CSS定位背景图像,css,wordpress,background-image,background-size,Css,Wordpress,Background Image,Background Size,我正在建立一个Wordpress网站。在主页上,我试图在不影响滑块下的其他div的情况下定位一个球,主题制作者给了相同的类名。我想做的是把球弄小,放在写字板下面。主题不允许我为该图像分配类。这是我尝试过的,但它会影响该行中的其他图像。有人能帮我吗?我想我可以使用第一个孩子,但不确定。谢谢 .cg-strip .cg-strip-bg { background-size: contain !important; background-position-y: 90%; backgroun

我正在建立一个Wordpress网站。在主页上,我试图在不影响滑块下的其他div的情况下定位一个球,主题制作者给了相同的类名。我想做的是把球弄小,放在写字板下面。主题不允许我为该图像分配类。这是我尝试过的,但它会影响该行中的其他图像。有人能帮我吗?我想我可以使用第一个孩子,但不确定。谢谢

.cg-strip .cg-strip-bg {

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


80%是大小,可能比文本小了一点,但您可以自由修改,直到获得所需的结果。

谢谢!主题使用短代码。我添加了bg图像,它将球保持在div的顶部,并应用了132px的高度。我的CSS:
.yellow ball{背景图像:url(“http://adasportsandrackets.com/wordpress/wp-content/uploads/2014/10/ada-460-mole150x146hp.png);背景重复:不重复;背景大小:包含;}
这是主题后端:
[cg\u content\u strip custom\u content\u css=“yellow ball”height=“402px”width=“80%”bg=“#1e73be”valign=“top”halign=“center”text\u align=“center”color=“light”animation=“fadeIn”text\u fade\u out=“no”bg\u img\u type=“simple”]
<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>
url(blabla.png) no-repeat center bottom / 80%!important