html - 定位背景:url with zindex

标签 html css joomla

这是给你的一个让我难过的:

我正在使用 background:url 在我容器的右下角放置一个小图像,在 css 中效果很好。但是,当用户在帐户创建页面上时,具有“创建帐户”和“取消”按钮的部分与我的图像重叠,遮住了一半。这是它的样子:

我已经研究过使用 z-index 来解决这个问题但无济于事(因为图像是容器的一部分,如果我减少模糊 div 的 z-index,带有按钮的整个部分都会被放在后面使他们无法看到的容器)。我也不想单独进入每个页面并将图像放入 html 中,特别是因为我使用的是 Joomla,模板 html 结构对我来说非常困惑。 (使用 Joomla 3.0.3 和默认的 Protostar 模板)

我是否遗漏了一些明显的东西?我觉得我是...

提前致谢!

最佳答案

你真有趣 :) 使用背景图像但想将其放在前景中。

只需使用一个图像标签并在容器的右下角position absolute(不要忘记给容器 position: relative)

关于html - 定位背景:url with zindex,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15397242/

相关文章:

php - 自定义查询中的 Joomla 3 Zoo 组件 JSON 提取

joomla - 在 joomla 1.5 中创建简单的 CRUD 前端组件

javascript - bootstrap 组件的导航侧边栏 + 动画部分指示器

html - 链接上的彩色下划线不带链接的图像下划线

HTML/CSS : float left not working correctly, div 显示在前一个 div 下方

html - 选择输入大于 Bootstrap 4 中的输入字段

html - 我可以在 BEM CSS 中嵌套 block 或元素内部修饰符吗?

php - Joomla 3 mysql 错误 SQL 错误 = 0?

javascript - 如何将 css 和 javascript 文件添加到 Odoo 8 中的自定义模块?

css - 滚动上的可移动div