某些文字在我的HTML页面中无法选择。需要使其可选择

Question

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

请帮我解决我的问题。

感谢。

Answer 1

您只需要将z-index: 2提供给ul.box2 css元素，因为有一些其他元素与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 */
...
...

如果上述更改工作正常，请参阅demo

Answer 2

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

祝你好运。