html - 我的 HTML 页面中的某些文本无法选择。需要使其可选择

Question

我找到了一个移动网页模板，但它并不干净。1 个主要问题是某些文本无法选择。请检查http://codepen.io/rexmizan/pen/uAwke在 ul class=box 中检查“此框的所有文本均不可选择”。你会在 CSS 中找到 ul.box2 在线：230

请帮我解决我的问题。

谢谢。

Answer 1

你只需要给z-index: 2你的ul.box2css 元素，因为有一些其他元素有相同的z-index重叠，所以替换你的以下 css：

ul.box2 {
position: relative;
z-index: 1; /* prevent shadows falling behind containers with backgrounds */
...
...

对于这个：

ul.box2 {
position: relative;
z-index: 2; /* prevent shadows falling behind containers with backgrounds */
...
...

上述更改工作正常，请参阅演示

Answer 2

在你的 CSS 中，你#inner:before有z-index:5;. 这似乎是在 div 上放置了一个 div box2，导致它被选中，而不是 box2 的内容。当您右键单击文本并选择 时，您可以在 Chrome 中看到这种情况Inspect element。它检查的元素#inner不是#box2。

祝你好运。