无法选择html文本

我遇到了一个奇怪的问题。无法选择html文本

我的页面上的一些HTML文本变得不可选，它的锚点后代在盘旋时不被识别（在chrome中测试）。

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

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

如果您减少浏览器窗口宽度小于520px（在所以我@media CSS踢）你不再能够突出或主体选择一个链接文本。

任何人都可以看到是什么原因造成的？

来源

2012-10-29 George Reith

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

添加z-index:100到#main

#main { 
padding-top: 0.5em; 
z-index: 100; 
}

来源

2012-10-29 11:07:18 Sowmya

谢谢，'z-index'为1就足够了。 –

如果减少了浏览器窗口宽度小于520px，你#sidebar正在下降超过您#main什么使得它不可能选择出来的东西的#sidebar的。在您的#main上放置一个z-index。

来源

2012-10-29 11:15:11 SKeurentjes

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

来源

2013-04-26 01:06:25 perfectweb

确保css属性是position：static;
或删除其他位置属性主要是“相对”。
当前div旁边的div（您尝试选择的文本）正在搞乱所有的东西。

来源

2014-01-22 13:32:01 Sushan

如果您有一个元素的填充，然后您将另一个元素绝对定位在第二个元素的填充内，则会出现此问题。

#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而不是填充左边。

来源

2014-09-17 16:51:48 user890332

无法选择html文本

回答

相关问题