4

我遇到了一个特殊的问题。

我页面上的某些 HTML 文本变得无法选择，并且在悬停时无法识别其锚后代（在 chrome 中测试）。

您必须满足某些要求才能使其发生。这是我的示例页面：

http://rcnhca.org.uk/sites/first_steps/personal-and-people-development/

如果您将浏览器窗口宽度减小到小于 520 像素（所以我的@mediacss 启动），您将无法再突出显示或选择正文中的链接。

谁能看到是什么原因造成的？

4

7 回答 7

6

<div id="sidebar>"#main div与缩小页面大小时重叠。

添加z-index:100到#main

#main {
padding-top: 0.5em;
z-index: 100;
}
于 2012-10-29T11:07:18.307 回答
3

用户选择：文本！重要；

这可以帮助你谢谢。

于 2020-04-03T05:43:25.863 回答
0

当您将浏览器窗口宽度减小到小于 520 像素时，您#sidebar将#main无法从#sidebar. 在你的#main.

于 2012-10-29T11:15:11.187 回答
0

对于发现此页面正在研究类似问题的任何人，如果您使用来自 html5boilerplate.com 的 HTML5 样板，包含的一些 CSS 可能会导致您的内容文本在白色背景上不会在您选择它时显示为突出显示。具体来说，“::selection”的 CSS 应该被调整或删除。

于 2013-04-26T01:06:25.813 回答
0

如果你有一个元素的填充，然后你将另一个元素绝对定位在第二个元素的填充内，你就会遇到这个问题。

#container .list li .list-left-left {
            width: 120px;
            position: absolute;
            padding-left: 10px;
        }

        #container .list li .list-left {
            width: 240px;
            position: absolute;
            padding-left: 165px; 
        }

解决方案是使用 margin-left 而不是 padding left。

于 2014-09-17T16:51:48.513 回答
0

对于遇到无法标记文本问题的任何人，请检查是否有人没有故意使用 javascript 阻止此操作，例如：

function disableselect(e) {return false}
document.onselectstart = new Function (return false)
document.onmousedown = disableselect
于 2020-07-09T11:05:42.990 回答
-1

我刚刚遇到了这个问题，我发现这是因为我做了一个永远专注的输入。

因此，请检查您的代码是否有类似的内容。它会中断其他元素的突出显示。

<input onblur="this.focus()" type="text" id="calInput" autofocus/>
于 2021-04-11T12:30:54.663 回答