如何使两个div直接相互显示

时间:2017-06-22 19:00:34

标签: html css

我希望让我的按钮消失,并在" SHOP"标志滚动 over 它,但我无法想到如何做到这一点。目前,'按钮'只是一个div的背景。帮助

据我所知,固定标签使得按钮保持在同一个位置,但我如何制作以便SHOP标志 滚动 呢?

示例图片:

1 个答案:

答案 0 :(得分:1)

使用css的样式position属性。

示例 - 将position: relativeleft: xpx; right:xpx;一起使用可能符合您的需求。

参考: https://www.w3schools.com/cssref/pr_class_position.asp

要制作某些内容"消失",您可能需要使用CSS的visibility属性:

document.getElementById("myP").style.visibility = "hidden";

所以总而言之,您可以使用javascript移动对象,当对象移动时,检查位置是否重叠。当您检测到对象重叠时,将所需对象的可见性设置为隐藏。

参考: https://www.w3schools.com/jsref/prop_style_visibility.asp