上一篇: css – 将图像定位在布局之外下一篇:css – 高度100％不适用于Intern...

css – AngularJS根据另一个元素设置元素固定位置

CSS 发布时间：2022-04-17 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了css – AngularJS根据另一个元素设置元素固定位置，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

此应用程序采用图像,这是背景或工作区必不可少的.我需要在给定特定坐标(顶部,左侧,宽度,高度)的情况下将输入文本字段添加到此工作空间.这些坐标将相对于图像(上/左= 0/0).我如何相对于图像定位我的字段/元素？

<img id="BACkground" ng-src="{{page.BACkgroundImagE}}" />
        <input type="text" ng-repeat="field in page.fields" ng-model="field.value" 
               ng-style="{position:'absolute',left:field.left,top:field.top,width:field.width,height:field.height}"/>

上面的代码非常适合绝对定位,但它与图像无关.

解决方法

<div style="position:relative">
    <img id="BACkground" ng-src="{{page.BACkgroundImagE}}" class="course-image" />
    <input type="text" ng-repeat="field in page.fields" ng-model="field.value"
           style="position:absolute"
           ng-style="{left:field.left,height:field.height}" />       
</div>