问当页面调整大小时，如何保持元素与背景图像的相对位置的移动？
EN

Stack Overflow用户

提问于 2014-04-02 07:01:12

回答 1查看 44关注 0票数 0

我有一页有响应的背景图像。我有一个文本字段，我希望始终保持它的位置相对于背景图像设计的一部分。在背景图像中有一张猫爪的画，我将有一个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>

html

css

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-04-02 08:03:15

差不多是这样的：http://jsfiddle.net/9ra5h/3/？

你必须使用：

position: fixed;

然后用%表示左、上(或右和下)的位置，直到找到你想要的位置为止。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/22803795

复制

相似问题

问当页面调整大小时，如何保持元素与背景图像的相对位置的移动？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问当页面调整大小时，如何保持元素与背景图像的相对位置的移动？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问当页面调整大小时，如何保持元素与背景图像的相对位置的移动？
EN