Tag: css position

使用CSS3 rotate属性时jQuery .position（）奇怪

我正在使用jQuery .position()方法绝对定位旋转元素位置，然后使用jQuery .css(pos)设置与位置相关的属性（顶部，左侧.css(pos) ，其中pos是.position()返回的数据。 我认为它会把元素留在它的位置，但元素的位置正在发生变化。 如何使用设置旋转元素位置，以便它按预期放置？ 也许有一个系数取决于改变位置的角度？ 我正在使用谷歌Chrome v.9，Windows XP进行测试。 HTML CSS #container { position: relative; border: 1px solid #999; padding: 5px; height: 300px; width:300px; } #element { position: absolute; top:50px; left: 60px; width: auto; border: 1px solid #999; padding: 5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); } JS $(document).ready(function(){ var $el = $(‘#element’), // getting position […]

中心div水平

在这个页面上 ，我想将主#container div相对于页面水平居中。 通常我会通过添加CSS规则来实现这一点， #container { margin: 0 auto } 但是，此页面的布局（我没有写），对#container及其大多数子元素使用绝对定位，因此该属性无效。 有没有什么办法可以实现这种水平居中而不需要重写布局来使用静态定位？ 如果这是实现我的目标的唯一方法，我使用JavaScript / JQuery没问题。

生成随机元素位置并防止JavaScript中的重叠

我在页面上有一个持有者div，我想在随机位置加载小图像作为拼贴，每个都有10px填充。 如何确保图像永远不会相互重叠或持有div？ 是否有可以使用的插件或function？ 我的代码到目前为止： $(document).ready(function(){ $(“#my_canvas img”).each( function(intIndex) { var l = Math.floor(Math.random() * $(“#my_canvas”).width()); var t = Math.floor(Math.random() * $(“#my_canvas”).height()); $(this).css(“left”, l); $(this).css(“top”, t); $(this).bind( “click”, function() { alert(“l=” + l + ” t=” + t); } ); } ); }）; #my_canvas { background: #eee; border: black 1px solid; width: 800px; height: 400px; } […]