Question

我有一个带有响应式背景图片的页面。我有一个文本字段，我希望始终保持它与背景图像设计的一部分相关的位置。在背景图像中有一只猫爪子的图画，我将有一个div覆盖。这个div将有一个事件处理程序。但是，我需要帮助的是，当调整高度或宽度或两者时，获取文本字段以保持其相对于背景图像中的爪子绘制的位置。这是小提琴：http://jsfiddle.net/9ra5h/1/ 非常感谢您的帮助。

<body>
<div id="wrapcontent">
<div id="bannerads">
</div>
<div id="txtFields" style="
height: 121px;
top: 280px;
width:60%;
position: relative;
left: 15%;">

<textarea id="bottomtxt" class="topcoat-textarea unselectable" rows="6" cols="36" placeholder=""></textarea>    
<div onclick="getAnswer();" id="submitbtn" class="unselectable"></div>  
</div>
</div>

Answer 1

或多或少像这样：http://jsfiddle.net/9ra5h/3/ ??

你必须使用：

position: fixed;

然后在左侧和顶部（或右侧和底部）使用％并尝试定位，直到找到您要找的内容。

我如何保持元素随页面移动，因为它调整大小以保持与背景图像相关的位置？

1 个答案: