问题标签 [positioning]
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.
css - 单击 div 后面的链接?
我不确定标题是否充分描述了我发现自己遇到的问题......
基本上,我正在重新设计我的网站,我遇到的一个问题是,在我的作品集的画廊视图中,你会在一个框架内获得我的作品的图像网格。
当您将鼠标悬停在框架上时,图像被隐藏并显示标题、客户、类别和年份。
但是,应该有一个链接覆盖所有内容并且可以点击。但是,上述信息位于图像上方,即使它在标记中位于图像下方。
我猜这与驻留在绝对定位的 DIV 中的上述信息有关(这允许它位于框架的顶部,因此是必要的)。
我想要实现的是当您将鼠标悬停在整个框架上时可以点击它,甚至是 DIV 覆盖的区域。如果不清楚,请告诉我...
您可以在此处查看该网站的运行情况:http: //www.designbyadmiral.com/
我相信这将有助于澄清一些事情。
html - 如何使用 css 控制字段集的定位?
我有以下代码:
现在一切都在左侧,第二个字段集(汽车信息)就在第一个字段集(个人信息)的正下方。
我希望汽车信息字段集位于个人信息字段集的右侧,因此它们并排。使用css,我该怎么做?
javascript - 滚动到屏幕顶部后,如何使 div 贴在屏幕顶部?
我想创建一个 div,它位于内容块的下方,但是一旦页面滚动到足以接触其顶部边界,就会固定在适当的位置并随页面滚动。
css - 如何水平居中可变宽度的浮动元素?
如何水平居中可变宽度的浮动元素?
编辑:我已经使用包含div
浮动元素并为容器指定a width
(然后margin: 0 auto;
用于容器)来进行此工作。我只是想知道它是否可以在不使用包含元素的情况下完成,或者至少不必width
为包含元素指定 a 。
javascript - 当存在滚动条时,如何将元素放置在页面上到达最低 DIV 下方 40 像素处?
我正在使用一个对我最近创建的几个网站进行品牌化,该图像对悬停做出反应并链接回我自己的网站。我正在使用 jQuery 附加功能动态插入标记和 CSS,该功能绝对将我的徽标定位在客户端站点的右下角,并且它在大多数情况下工作得很好。但是,我需要加强这种定位以适应两种不同的情况,我相当难过。
如果网站上的元素没有到达窗口的底部,我希望徽标位于右下角,这就是当前发生的情况。这很棒。
如果元素确实到达页面底部或更远,强制滚动条,我希望徽标位于最低到达 DIV 底部下方 40px 处,仍位于页面的右下角(几乎就像它是正常的文档流,而不是绝对定位)。这是我想不通的。
javascript - Jquery:如何设置模态对话框以相对于 html 而不是正文居中显示?
我正在使用一个脚本#mask
,它用一个元素使背景变灰,并将我的.memError
信息集中在屏幕上。问题是我的网站样式body
和html
元素body
- 是固定宽度并在html
元素内居中。当我使用下面的脚本时,#mask
和.memError
消息都相对于body
元素定位。我怎样才能将它们相对定位html
?
css - 定位灯丝组按钮?
我想在下拉列表旁边正确放置按钮(见下图),有什么意见吗?
问题 http://img87.imageshack.us/img87/2294/positioningproblemwithf.png
css - 相对定位的 div 高度在 IE6 中在负顶部之前相加
我有以下
在 IE6 以外的浏览器中,这可以正常工作。但是,IE6 将 D 和 E 的高度增加到 140,并强制 B 变为 140,这将 C 向下推 40。但是,E 的顶部渲染为 40px,与 D 重叠。只是 B 的框变成了 140 高,只有在 IE6 中。
我可以用 CSS/HTML 做什么来使 IE6 运行而不影响其他获得它并将 B 保持在 100px 的浏览器?
jquery - 帮助自定义定位错误消息
我正在使用伟大的 Bassistance jQuery Validator 并被困在一个点这个想法很简单:我有很多这样的标记(我简化了,但想法是每个之后都可能有其他东西,即一个词,一个图标等...即与相应的“内联”):
好吧,验证器“强制”错误消息出现在 之后,所以我得到如下信息:
[输入] "在此处插入一个数字" px
[输入] "在此处插入一个数字" px
[输入] "在此处插入一个数字" px
换句话说,错误信息“分裂”了线路的自然流动
最好的办法是将错误消息放在 +following 元素之后的一行,所以:
[输入] 像素
“在这里插入一个数字”
[输入] 像素
“在这里插入一个数字”
[输入] 像素
“在这里插入一个数字”
但是没有办法达到这个
将 a 和后面的元素包装在 a 中没有效果,因为错误消息总是在包装器 div 之后而不是在包装器 div 之后
错误容器演示(http://jquery.bassistance.de/validate/demo/errorcontainer-demo.html)不符合我的需求,因为它将所有错误包装在一个 div 中 - 但显示错误的想法不接近很好
请问,你能帮忙吗?有解决方案吗?谢谢
html - 让第二个 Html 表格单元跨越屏幕的其余部分
我有一个两列一行的表格,屏幕宽度为 100%。我希望第一列占用与其中内容一样多的空间。这个内容不应该占据整个屏幕,所以我不担心换行。然后我希望第二个单元格占据剩余的水平空间。
我将如何设置这张桌子?我尝试了许多不同的组合来设置两个单元格的宽度,但均无济于事。