html - 在标题图片顶部添加图片 (Wordpress)

标签 html css wordpress

我正在使用 Wordpress 主题“Illdy”(https://colorlib.com/illdy/)

我想在“超大屏幕”标题图片的顶部添加一张图片。图片应位于超大屏幕标题的中央,并具有响应性。

如果有人能给我建议如何做到这一点,我将不胜感激!

谢谢!

一个例子:

Example image

最佳答案

你可以这样做,当然你需要改变顶部和左侧以获得你想要的正确定位。

.images {
  position: relative;
  top: 0;  
}
.image_1 { 
  position: relative; 
  top: 0; 
  left: 0; 
} 
.image_2 { 
  position: absolute; 
  top: 150px; 
  left: 200px; 
  text-align: center;
} 
<div class="images">
  <img class="image_1" src="http://placehold.it/1500x600/ff0000/" alt="">
  <img class="image_2" src="http://placehold.it/700x300/000000/" alt="">
</div>

关于html - 在标题图片顶部添加图片 (Wordpress),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38304693/

相关文章:

javascript - 使图像出现在 css hover 上的另一个 div 中

javascript - 如何将嵌套数据表添加到 HTML 表格

css - 特定设备上页脚中的巨大白色区域

php - 从 Woocommerce 面包屑中删除 "Shop"

html - 将文本的字体样式更改为其他文本

css - Wordpress 插件 CSS 顺序

javascript - 在文本元素之间双向过渡

javascript - Backbone.LocalStorage 不是函数

html - 将自己的 ui 组件提取到一个地方

css - 如何从 Angular 中的一个组件控制所有组件的日期格式?