HTML/CSS : background overlay

标签 html css overlay background-image css-position

我有后台<div>位于页面中间。 在此之上我有一个 <div>里面有文字。

如果全屏查看页面,一切似乎都很好。 但如果在小窗口中查看页面,文本就会消失。

怎样才能让文字一直在最前面?

代码:

http://jsfiddle.net/w2T79/

图片:

“普通 View :”http://www.suckmypic.net/26632/83735f21.png

“小 View :”http://www.suckmypic.net/26633/7be8fc00.png

最佳答案

为 parent-div 指定一个 id(例如“container”),然后将下面的代码添加到您的 CSS 中:

#container {
    position: relative;
}

.txt {
    position: relative;
    z-index: 99999;
}

也许您可以向我们提供您正在处理的页面的链接,因为在 jsFiddle 中只有“文本”可见,没有图像。

关于HTML/CSS : background overlay,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9208045/

相关文章:

javascript - 如何捕捉视频的 ExitFullScreen 事件?

javascript - jquery获取背景渐变色

css - bootstrap 4 轮播图像未出现(包含覆盖)

android - 透明、 float 的 Android Activity 不允许更新其背后的内容

ios - 如何模糊一半屏幕的容器背景

javascript - 嵌入式 youtube 视频在调整大小时重新启动

html - 应用 :focus pseudo-class on an element

html - 如何使这两个元素彼此相邻

css - 下拉菜单难以点击 MaterializeCSS

css - 如何使用页面中心作为引用来对齐 div 元素?