html - HTMLページで一部のテキストを選択できません。選択可能にする必要があります

Question

モバイルウェブテンプレートを見つけましたが、きれいではありません。1つの大きな問題は、一部のテキストが選択できないことです。ul class=boxのhttp://codepen.io/rexmizan/pen/uAwkeチェック「このボックスのすべてのテキストは選択できません」をチェックしてください。ul.box2はCSSの次の行にあります：230

問題を解決するのを手伝ってください。

ありがとう。

Answer 1

同じように重なっている他の要素があるので、css要素z-index: 2に与える必要があります。次のcssを置き換えます。ul.box2z-index

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;ます。box2これは、box2の内容の代わりにそれが選択される原因となるdivを上に置いているようです。テキストを右クリックして[]を選択すると、Chromeでこれが発生することがわかりますInspect element。検査する要素はではあり#innerません#box2。

幸運を。