0

我正在从 MySQL 数据库加载动态创建的网页。

我像往常一样设置了页面，但是当我到达页面的内容部分时，我运行了一个 while 循环并根据存储在数据库中的内容加载页面元素。

这对我很有用，除非我加载一个根据正文而不是内容定位并且宽度为页面 100% 而不是内容的 100% 的条带。

有没有办法用 jquery 或 javascript 定位条纹元素，使它们相对于主体。

db 中的每个元素都有顶部和左侧的位置，并且有高度和宽度，以及更多的东西，比如边框等。

我在 div 中加载元素并将 css 设置为内联，就像这样

   <div id="shape" style="position:absolute;top:<? echo $row['box_top']; ?>px;left:<? echo $row['box_left']; ?>px;height:<? echo $row['box_height']; ?>px;width:100%;z-index:<? echo $row['zindex']; ?>;border-top-width:<? echo $row['border_width']; ?>px;border-bottom-width:<? echo $row['border_width']; ?>px; border-style:<? echo $row['border_style']; ?>;padding:<? echo $row['padding']; ?>; opacity:<? echo $row['image_opacity']; ?>;filter:alpha(opacity=<? echo $ieopacity; ?>)"><? echo $row['content']; ?></div>

有任何想法吗？

4

4 回答 4

7

那你就可以用position: fixed;了。

于 2013-10-28T10:36:15.527 回答
3

听起来你的问题是元素嵌套在大量内容的中间吗？

如果是这样，您可以使用 JavaScript 将元素从 DOM 中拉出，然后将其作为正文的直接子元素再次插入。

jQuery(document).ready(function(){
    $("div#shape").prependTo($("body"));
});
于 2013-10-28T10:32:55.153 回答
2

采用

body {
      position:relative;
}

并使必须绝对定位的元素成为body的直接子元素

于 2013-10-28T10:35:06.943 回答
0

使用下面的。

body{
    position:relative;
}

这将使 body 内的所有绝对定位元素相对于 body 定位。

于 2013-10-28T10:28:12.003 回答