Question

我是CSS / HTML的初学者。谢谢你的阅读！

我有一堆区域元素（矩形）。在Javascript中，'this'指的是每个区域元素 - 我为每个区域元素坐标分配相关变量（左，上，右，下）。我想将这些坐标转换为CSS div格式，但我仍然坚持语法。现在，区域元素（显示为div）具有正确的宽度和高度，但位于图形上的错误位置。我希望它们与区域元素处于相同的位置。

任何建议都非常感谢！

                var offset = this.coords;
                var coordarray = offset.split(",");
                var left = coordarray[0];
                var top = coordarray[1];
                var right = coordarray[2];
                var bottom = coordarray[3];
                var ident = this.id;
                var w = right - left;
                var h = bottom - top;       

                var elementDiv = $('<div class="area"></div>')
                    .css({position: 'absolute', left: left px, top: top px, border: 'solid'}). //help with this line!
                    width(w).height(h); 
                $("body").append(elementDiv);
                elementDiv.hide();

Answer 1

CSS期望百分比或像素，而JS只返回数值。您需要将'px'或'％'附加到left，top，right和bottom vars中存储的值中。

相对/绝对位置css（转换区域元素rect坐标）

1 个答案: