position

如何计算滚动 div 中的元素位置?

我有一个绝对定位设置为允许垂直滚动的 div。我的应用包含拖放功能,这些功能依赖于我在触发事件时确定元素的坐标。 我用来计算元素位置的偏移量(即 element.offsetLeft 和 element.offsetTop)仅与元素的原始位置有关,不考虑用户滚动导致的位置变化。我想如果我可以计算滚动的距离,我可以添加一个更正,但我看不到任何方法来做到这一点(与窗口滚动不同)。 非常感谢任何建议... »

为什么绝对定位元素会查看其兄弟元素? [复制]

我已经看过Why absolute positioned element depends on it's sibling?,但我无法理解。因此,我创建了一个新问题,以便清楚地了解堆叠上下文。 .swiper__img { position: absolute; left: 50%; top: 50%; width: 100%; transform: tra... »

css

在图像上放置图像和链接

我有一张图片,我想在其上放置链接,可以是文本或图片。几乎所有维基百科在这里都有(例如德国及其州的地图):http://en.wikipedia.org/wiki/States_of_Germany 早在 90 年代,我会使用 map 标签在图像上创建可点击部分。 我在 Wikipedia 上查看了地图的源代码,并注意到绝对位置的所有状态。那么有没有一种简单的方法来实现这样的事情呢?还是我必须使用... »

如何为 中的第一个字母制作边框半径并对齐

我有 3 个带有“lorem ipsum”文本的内联块。 它们有标题和内容。 标题中的第一个字母,使用::first-letter,具有不同的颜色背景和边框半径。 但我无法正确对齐所有首字母,所以我为每个字母制定了“个人”padding 规则,如下所示: .info.red .first::first-letter { background-color: #f17c72; pad... »

css

带有负 Z 索引的下拉菜单隐藏在元素下

我有一个下拉菜单,使用 CSS 过渡动画和 z-index: -1 隐藏在主导航后面。如果导航下面没有任何其他元素,这很好用,但是由于z-index,一旦我放置了一个具有纯色背景的部分,下拉菜单就会在下面。当然,如果我更改为更高的z-index,下拉菜单将位于主导航上方。 除了将下面的元素(在这种情况下为section)更改为position: absolute; z-index: -2之外,... »

css

无法垂直对齐绝对跨度

我正在尝试将导航定位在容器的中间位置,但我还不能。我正在使用span 进行导航。 我已将父容器定位为相对推荐的方式,然后使用顶部、右侧和左侧将位置分配给 span。 img{ max-width:600px; } .slider{ position: relative; margin: 0 auto; /*overflow: hidden;... »

使用 iText 将图像放在 pdf 的左下角

我在将图像放置在 PDF 文档的左下角时遇到了一些问题。 这是我的代码: PdfReader reader = new PdfReader("source.pdf"); PdfStamper stamper = new PdfStamper(reader, new FileOutputStream(pdfTarget)); Image qrImg = Image.getInstance... »

将元素定位在图像元素上,但图像随窗口改变大小

我有一个将大小更改为窗口大小的图像,我需要在其上放置一个元素(锚标记),以便它始终相对于图像位于同一位置。该图像不是背景图像,而是 HTML 元素。 这个问题非常相似,但适用于图像是背景图像的情况。 Position element over background image. But the BG img changes size with the window. CSS <img ... »

HTML / CSS 对齐问题

我正在为一个 javascript 文本滑块制作动画,并且我已经对 JS 进行了排序,但我似乎无法解决文本对齐的问题。基本上每条文本都垂直滑入和滑出,但是当我关闭滑块时,幻灯片的文本不会彼此重叠(这意味着在制作动画时,文本看起来不太正确)。我已经绝对定位了第二个滑动元素,具有与容器相同的 padding-top 值,理论上应该正确对齐? 这是一个codepen链接http://codepen.i... »

相对定位和绝对定位混淆

我是 html/css 的新手,我刚刚开始围绕定位进行思考,但我似乎有一个误解。现在我正在尝试创建一个页面标题,其下方有一个水平分隔线。我的标题是绝对定位的,顶部和左侧的值为 0,高度为 88。我想如果我给我的水平分隔线位置:相对,高度为 5,它最终会在我的标题下方。相反,它最终出现在页面的顶部,我对为什么感到困惑。 我想在我的页面上再次使用这个水平分隔线,就在我的页脚正上方,所以我不想给这个... »

Bootstrap 在容器外添加框

我有一个普通版本的 boostrap 3。 我的页面基于这个例子: <div id="dashboadMainId" class="container"> <div class="row"> <div class="col-md-6">TEST</div> <div class="col-md-6">T... »

父元素隐藏溢出时的CSS位置问题

在下面的代码 sn-p 中,单击<div class="inner">Some Text</div> 将显示overlay 元素。在覆盖元素内部,单击类为popoutTerm 的span 元素将显示popoutDialog 元素。 问题是popoutDialog 元素不完全可见,它可以在overlay 元素内显示的内容只有部分可见。我知道问题是由于溢出属性应用于overl... »

子 div 绝对位置与父级不相关

我使用bootstrap 作为我的CSS 框架。我的HTML 代码如下: .home-image { position: relative; } .photography { position: absolute; } .image-text_left { /*display:none;*/ position: absolute; widt... »

css

精灵不工作(背景不调整和链接不存在?)

这太令人沮丧了,因为它曾经工作过,但现在不行了。我正在使用的网站底部有社交网络按钮。我正在使用背景图像,因此当用户将鼠标悬停在按钮上时,它会从黑白图像变为彩色版本。这以前有效,我不记得有任何更改,但现在它不起作用,真的很令人沮丧。 这是我的 HTML <!-- SOCIAL NETWORKING --> <div class="sn"> <div clas... »

R中的数百万个微小匹配:需要性能

我有一百万长度的单词向量,称为 WORDS。我有一个名为 SENTENCES 的 900 万个对象列表。我列表中的每个对象都是一个句子,由 10-50 长度的单词向量表示。这是一个例子: head(WORDS) [1] "aba" "accra" "ada" "afrika" "afrikan" "afula" "aggamemon" SENTENCES[[1]] [1] "how" "to"... »

dojo RangeSlider 手柄位置错误

我正在尝试创建一个包含一些图表的网页,以及一些 RangeSlider 小部件来控制图表的数据范围和粒度。我创建了一些元素来保存各种导航项,并且正处于我想要放置 RangeSlider 的位置。一切正常,除了当我单击手柄之间的阴影条,向左或向右移动两个手柄时,手柄会跳到滑块的右侧,并停留在那里。 我很确定这是由于我的 div 的绝对/相对定位与滑块组件之间的不兼容,但我正在努力让它工作。如果我只... »

css