问题标签 [css-position]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - 如果定位，jquery 不会淡化文本：absolute;
我有 LI 我想淡出并重新加入。在列表项中我有一些文本。此文本绝对位于 LI 内。
问题是在 IE8（IE6 和 7 看起来不错）中，除了文本之外，我可以让所有内容都消失：
如果我删除文本元素上的绝对定位（在本例中为 P），则 IE8 可以正确淡化文本：
有谁知道这是为什么？有人知道修复吗？
更新：
如果文本完全定位，这似乎是 IE8 中的一个普遍问题。所以，不是绝对的。我有一种预感，这是由于 cleartype fade 错误造成的。
javascript - 谷歌地图信息框 - 它可以存在于地图容器之外吗？
我有一张谷歌地图，真的是标准票价。虽然它很小，而且标记上的弹出信息窗口很大，所以我的问题是，这些弹出窗口是否有可能溢出地图边缘并进入实际网站？（例如，请参阅狡猾的 Photoshop 作业）。
替代文字 http://dotcafedesigns.com/stuff/box-breakout.png
谢谢！
html - 浮动图像上的文本
我需要在画廊中的一系列图像上放置一些文本。我发现了很多关于文本部分的教程，但是图像需要浮动。每当我添加 float:left 虽然这个技巧不再有效。我的代码（为了简洁起见，css内联）：
这样图像是一个在另一个之下，但就像我说的那样，我需要在不破坏其他所有内容的情况下浮动它们。
css - CSS Rotation & IE：绝对定位似乎打破了 IE
我正在尝试旋转各种文本块，使它们垂直定向，并将它们放置在图表上非常特定的位置，该图表将被预览然后打印。CSS 在 IE、FF 甚至 Opera 中可以很好地旋转文本。
但是当我尝试定位一个旋转的元素时，IE 7 和 8（不担心 6）完全中断并且元素保持在其原始位置。有什么办法吗？我真的需要对这些标签的位置进行像素控制。
HTML
CSS
css - DIV 金字塔
我正在尝试建立一个由 4 个 DIV 组成的金字塔。布局如下所示：
此外，我需要 3 个额外的 DIV，从中心 DIV (#3) 开始，并额外包含 #1、#2 或 #3。这些 DIV 用于稍后通过 jQueryUI 构建滑动效果。它应该看起来像 #1、#2 和 #4 从 #3 中滑出。
DIV 之间的边距应该是 2 个像素。我也希望整个街区居中。
即使有显示：内联；和位置：绝对；在可见和不可见的 DIV 上启用我无法正确布局。我使用了一些负边距，当它第一次看起来不错时，我看到我的顶部 DIV 位于 html 正文之外。
我想有一种更简单优雅的方式来实现我想要的。
关于这个特定问题或您看到的可以改进我的 CSS 的任何建议都非常受欢迎。提前致谢
塞巴斯蒂安
这是我到目前为止所得到的：
HTML：
CSS：
javascript - 如何将元素的位置更改为绝对位置？
我试图以任何分辨率使页面居中，同时仍然能够使用绝对定位来移动图片。我认为最好的方法是将表格相对定位在页面中心的开头，然后将其更改为页面中的绝对定位onload。我认为正确的行是：
但是，我在询问对象左侧在哪里之后放置了一个警告框，我得到undefined. 但是，如果我直接将它分配给一个位置 ( Object.style.left = 500)，我会得到那个数字。所以我可以为它分配一个值，这意味着它处于绝对位置，但我不能从中提取一个值。
css - Internet Explorer 7 - 绝对位置 - 下拉菜单
我在将下拉菜单定位在以下 URL 上时遇到了很大的麻烦（仅限 Internet Explorer 7 问题）：
悬停菜单时，您会看到下拉菜单出现在图像后面。这不会在 IE8 或 Firefox 中发生，仅在 IE7 中发生。我认为它必须与我不知道的特定错误有关，找不到解决方案。
非常感谢您的帮助。
jquery-ui - jQuery对话框宽度调整问题
我尝试通过 AJAX 将一些 HTML 代码加载到 jQueryUI 对话框中。代码本身是一个列表，其中最右边的元素应该绝对定位，以便列表看起来像一个有两列的表格，但仅在某些行中。问题是 jQueryUI 插件似乎没有正确调整对话框的宽度，我认为这是由于某些 li 的绝对定位。我已经阅读了其他类似问题的一些答案，但没有一个帮助我解决这个问题。
这是我加载的代码：
和 Dialog 构造函数：
在此先感谢您的任何建议。
jquery - 鼠标悬停在绝对定位的 div 上触发
客观的
当表格单元格悬停在表格单元格的右上角时，会在表格单元格的右上角显示一个小的放大镜图标。将鼠标悬停在放大镜图标上并单击它将打开一个对话窗口，以显示有关该特定表格单元格中项目的详细信息。我想为数百个表格单元重复使用相同的图标，而不是每次都重新创建它。
部分解决方案
拥有一个<span>绝对定位和隐藏的单曲。当一个_previewable表格单元格悬停时，它<span>被移动到正确的位置并显示出来。这<span>也在 DOM 中移动为_previewable表格单元格的子项。这使得附加到的单击处理程序<span>能够找到_previewable父项，并从它的 jquery data() 对象中获取信息，该对象用于填充对话框的内容。
这是我的 HTML 的一个非常简化的版本：
这个CSS：
使用这个 jQuery 代码：
问题
此解决方案完美运行，直到通过 AJAX 重新加载或更改我的表的内容。因为<span>已从 移动<body>到单元格的子单元格，所以在 AJAX 调用期间它会被丢弃并替换。所以我的第一个想法是<span>在鼠标移出表格单元格时将背部移动到主体，如下所示：
但是，这样一来，<span>鼠标悬停就会消失。_previewable当鼠标移入 时，似乎会调用 mouseout 事件<span>，即使它<span>是表格单元格的子单元格_previewable并完全显示在_previewable表格单元格的边界内。目前，我只在 Chrome 中对此进行了测试。
问题
_previewable当鼠标仍在边界范围内时，为什么会调用 mouseout_previewable？是因为<span>绝对定位吗？如何在不重新创建
<span>每个 AJAX 表引用的单击处理程序的情况下完成这项工作？