Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html WordPress:将带有透明背景的较小图像放在图像前面_Html_Css_Wordpress_Image_Themes - Fatal编程技术网

Html WordPress:将带有透明背景的较小图像放在图像前面

Html WordPress:将带有透明背景的较小图像放在图像前面,html,css,wordpress,image,themes,Html,Css,Wordpress,Image,Themes,我想在WordPress中的标题图像前面放置一个带有透明背景的较小图像。我目前使用的主题允许我设置自己的css样式,但我不知道如何实现我的目标 有人做过这个吗 非常感谢 Anton下面是一个如何将一个图像放在另一个图像前面的示例。我把一只蜜蜂的PNG放在横幅图像中 HTML 当我们设置position:absolute时,该元素将始终是相对于最近的父元素的位置,具有position:absolute(或absolute)。然后,您可以使用top、bottom、left、rightcss属性优化

我想在WordPress中的标题图像前面放置一个带有透明背景的较小图像。我目前使用的主题允许我设置自己的css样式,但我不知道如何实现我的目标

有人做过这个吗

非常感谢


Anton

下面是一个如何将一个图像放在另一个图像前面的示例。我把一只蜜蜂的PNG放在横幅图像中

HTML 当我们设置
position:absolute
时,该元素将始终是相对于最近的父元素的位置,具有
position:absolute
(或
absolute
)。然后,您可以使用
top、bottom、left、right
css属性优化绝对定位元素的位置


使用

播放您正在使用的主题?你能分享你的代码吗?你需要向我们展示你的尝试。至少和大家分享一些例子,我们不是读心术的人。。。你确定你所说的足以给你一个答案吗?没有代码,没有网站,没有截图,什么都没有
<div id="container">
  <img id="banner" src="https://www.mortcap.com/images/sample_report_banner.png">
  <img id="bee" src="https://orig00.deviantart.net/672c/f/2014/320/3/1/bee_png_stock_by_karahrobinson_art-d86m7bq.png">
</div>
#container {
  position: relative;
}

#banner {
  width: 600px;
}

#bee {
  position: absolute;
  z-index: 5;
  top: 20px;
  left: 20px;
  width: 100px;
}