html - 在 CSS 中显示图像和响应

标签 html css

我的图片和图片之间的文字有问题。
这是我的照片:enter image description here

我有一个文本:“主页”
我想把这个文本(“主页”)放在图片的中间。 并且还必须有反应。

最佳答案

<div class="box">
<div class="img"><img src="" /></div>
<div class="text">home page</div>
</div>

.box{position:relative;}

.img{position:relative; z-index:1;}

.text{position:absolute; z-index:2; top:50%; left:0px;}

根据你的要求左转

关于html - 在 CSS 中显示图像和响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25949040/

相关文章:

html - 如何阻止此 <li> 崩溃?

javascript - JavaScript 字符串中的换行符也保存为 .txt

jquery - 悬停效果保留在 Bootstrap 导航栏上

html - Bootstrap 2.3.2 表格行中的拆分按钮下拉列表

html - 带有工具栏的 OpenLayers Map 显示不正确

jquery - 固定标题对齐问题

javascript - 如果分辨率大于内容区域,如何将 div 紧紧包裹在图像周围,同时调整图像大小以适合内容区域?

html - 部分将导航栏移出屏幕

php - 下拉菜单不会粘在表格上

html - 使用一个选择器应用多个 CSS 规则