问题标签 [haslayout]
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.
html - 列表项目符号在 IE7 中消失
关于
所以这个问题被问了一遍又一遍,但我注意到一些不同的东西;见下文。
标准信息:
- FF 中的子弹显示
- 项目符号不会出现在 IE 中
发现
<ul>
在元素上设置 hasLayout 时,项目符号会消失,而不是<li>
; 这通常在执行 *{zoom:1} 时完成
Internet Explorer 中的 Firebug
UL:
李:
知道为什么要设置布局来<ul>
修改项目符号吗?
我认为这可能是边距/填充,但 IE 中的 Firebug 显示相同的 w/|w/o hasLayout。
裸页示例:
在带和不带zoom:1
.
注意: 因为这涉及 hasLayout 其他版本的 IE 可能会受到影响。
html - IE7中链接内无法点击的图像
IE7有问题,这里是解释。
HTML
CSS
结果
问题
在 IE7 中图片无法点击
我对问题的看法
似乎该问题与 .itemImg 上的 hasLayout 属性设置有关。如果我删除触发 hasLayout (height: 150px; and overflow: hidden;) 的属性,那么图像将是可点击的
问题
有没有办法解决这个问题?高度:150px;和溢出:隐藏;是必需的属性。
html - 仅在 IE7 中无法在锚点内单击图像
html结构
Anchor 仅在 IE7 中不可点击,我知道问题的发生是因为 hasLayout,如果我们删除跨度的高度和宽度,它会正常工作。
但我需要让它在不移除高度和宽度的情况下工作。
编辑:你可以在这里摆弄一个例子:http: //jsfiddle.net/rxcAb
css - 为什么 IE(和 Firefox 4)没有正确包装这个?(有布局??)
我有以下(http://jsfiddle.net/gVZwr/4/):
在 IE8/9 中,标签和跨度不对齐(标签低于跨度)。
为什么???我可以通过贴上标签来修复它overflow:hidden
,但我想知道是什么原因造成的。我尝试了旧的“hasLayout”修复,例如zoom:1
贴上标签,但似乎没有什么可以修复它,特别是overflow
.
css - ie7 haslayout: -1 即使缩放: 1
我将带有文本的锚点设置为 0 不透明度并绝对位于图像上方。我希望它们在悬停时以 0.6 不透明度和背景颜色部分显示。
在 IE 7 中,背景是不可点击的。我必须将鼠标悬停在文本应该显示的位置。背景颜色确实填充了具有固定宽度和高度的整个锚点。
我尝试缩放:1,但 IE7 仍然显示 haslayout:-1
一旦将文本悬停在上面,似乎整个锚点都是可点击的。如果我的鼠标离开锚点并仅悬停在其背景上,它将无法工作。
css - Internet explorer 绝对定位元素错误
天,
对于绝对定位的元素,我在 IE (8/7/6) 上遇到了非常奇怪的行为。它的样式为:
并且<body>
有一个垂直滚动条。
当页面第一次渲染时,绝对定位的 div 被渲染为从元素的边缘获取 5 个像素<body>
。但是,只要:hover
主体中有一个或 AJAX 事件,绝对定位的元素就会重新渲染,现在 5 个像素是从滚动条的边缘获取的!
标记/css 太大/太复杂,无法在此处发布,但我附上了右上角“活动”选项卡的一些屏幕截图:
首次呈现页面时:http: //i.imgur.com/xumcu.jpg
AJAX 事件触发时:http: //i.imgur.com/VirKc.jpg
我已经尝试确保它不是 hasLayout 问题,我什至尝试 JavaScript “纠正”某些事件上的元素样式,但在这两种情况下,IE 都认为“正确”值是“5px”。
有什么想法可能是这里的问题吗?!
谢谢。
javascript - 在 IE7 中悬停时菜单抖动。有布局问题吗?
当我在 IE7 中进行测试时,菜单在第一次鼠标悬停时会抖动并稍微改变位置。此外,当将鼠标悬停在包含子菜单的菜单项上时,菜单会再次抖动。我认为这两个问题都与 IE7 hasLayout 有关,但我不确定。
有没有办法在我的菜单和子菜单标签上确保 IE7 的 css 中的 hasLayout ?或者,是否在 IE7 中以某种方式插入了文本节点?谢谢您的帮助。
css - 如何针对 IE 7 空白错误在此 li 上触发 hasLayout
这是它的 HTML 部分:
这是CSS:
我不希望更改 html 标记。
如果你在好的浏览器上看到这个,然后在 IE 7 上看到,你会看到 IE7 上的 LI 项目之间有很多空白。
我试图应用 height:1px; 在一个IE 上只有 css 相关文件。没运气。
如何正确触发 hasLayout 以消除空白错误?
css - 即使触发了 hasLayout,CSS 不透明度也无法在 IE7 或 IE8 中工作
我有这个幻灯片,在悬停时会弹出一个叠加层,你可以 在这里查看。只需将鼠标悬停在“精选”部分下方的任何图片上即可。在 FF、Webkit、IE9 中运行良好。我为小于 IE9 制作了一个单独的样式表,并在其中声明了宽度、高度、缩放、定位,使用了在 IE 中工作的所有过滤器......而且我在 IE7 或 IE8 中都没有得到不透明度。带有类覆盖的 div 附加了 JQuery,这是一个问题吗?这是我的CSS:
html - 在 IE 中,只有文本部分的链接是可点击的
我刚刚注意到,在 IE9 和 IE8(不在 IE7 中)中,我的链接周围的填充不被视为链接的一部分(它不可点击,当它悬停时我的悬停效果不会被应用)。只有链接的文本部分有效。
我尝试给元素一个背景颜色,但这并没有解决它。
有没有人见过这个?
已解决:对我的问题进行了大量编辑,并在此过程中自己解决了问题。我的身体上有一个负的 z-index,我绝对不知道会导致这种情况,但显然确实如此。这是 jsfiddle: http: //jsfiddle.net/CEbMe/,它显示了 IE9 和 IE8 中的问题