相对于缩放滑块定位div

时间:2014-02-14 22:09:52

标签: html slider positioning containers relative

希望有人知道如何做到这一点: 我想在我的wordpress页面的滑块顶部放置一个div。我设法使用z-index显示div但是我无法正确定位... div在缩放全宽度滑块后加载并使用顶部: - 790将div提升到屏幕顶部但是这只能起作用对于更大的屏幕尺寸 - 一旦我调整窗口大小,div就会出现太多。我很确定它需要是这样的:top:-790 -x(如果屏幕尺寸减小,x会上升)。这是我的自定义css:

position: relative;     
top: -790px;
margin-left: 21px; 
z-index: 20; 

感谢任何想法

1 个答案:

答案 0 :(得分:0)

如果我正确理解你的问题,而不是px,请使用%作为缩放因子,

实施例

top:-790px;

改为使用(当然根据您的页面更改百分比)

top:-70%; 

当屏幕尺寸增大时,这将改变,最终改变负x值