如何在css中使图层不相互重叠

时间:2015-11-20 15:04:41

标签: html css

我的网站有问题。如果您可以转到my website并单击左侧的齿轮按钮,则会有两个图像。

如果您点击第一张图片,我将其设置为将.xe-clearfix css样式更改为background-color:white,对于第二张图片,我将其设置为将.xe-clearfix css样式更改为{ {1}}也是。

但正如您所看到的,菜单和图像滑块相互重叠, 所以基本上我试图在这里实现的是将菜单放在滑块顶部' push'向下滑动,以便在我点击第一张图像时没有重叠。

(当然,当点击第二张图片时删除该类)

由于我无法复制粘贴整个网站,我只需要留下我网站的地址。

并且记住我使用像Word一样的WordXXX, 并且源代码可能是“混乱”。对一些人来说。

但是人们经常说我的网站托管公司(cafe24)被ublock或adblock阻止了,我向你保证网站是完全安全的并且没有任何伤害(你需要禁用你的chrome&扩展名就此而言)

非常感谢。

1 个答案:

答案 0 :(得分:0)

其他人是对的,你的问题是没有代码片段的偏离主题,但是因为你是新的,我会抛出一些信息。

您的标题/菜单元素(.header_wrap xe-clearfix menu_type_1)绝对定位。这意味着它对页面上的其他元素没有影响。

包含滑块(.camera_wrap camera_white_skin)的元素需要使用边距或其他样式向下推到标题的高度(约100px)。这不是一个动态解决方案,因为如果标题高度发生变化则需要重新计算。

底线:这种布局需要进行大量修改才能完成您所描述的内容。最好从具有固定的单独标题栏的其他模板开始。