css — не удается выделить текст внутри div

#html #css

#HTML #css

Вопрос:

Скоро я буду без ума от этого, пытаясь выяснить, что вызывает это в течение нескольких часов, и все еще не могу его получить. У меня есть фиксированный div и другой относительный div внутри. Однако, даже если я дал z-индекс 999999, я все равно не могу выделить текст. Где я делаю неправильно?

 <div style="top:500px;position:fixed;width:300px;
height:100px;background-color:#cad4de;
padding:22px;z-index:1;height:476px;width:527px;">

<div style="position:relative;z-index:9999999">Text to select</div>

</div>
 

Комментарии:

1. Я только что попробовал, и это работает просто отлично, пример работы здесь

2. Почему вы дважды определяете ширину родительского элемента?

Ответ №1:

Это потому, что вы указали top как 500 пикселей. Помимо этого, не пишите встроенные стили. Проверьте следующий фрагмент кода

 .div2{
  position:relative;
    z-index:9999999;
}
.div1{
  position:fixed;
  width:300px;
height:100px;
  background-color:#cad4de;
padding:22px;
  z-index:1;height:476px;width:527px;
} 
 <div class="div1">

<div class="div2">Text to select</div>

</div> 

Надеюсь, это поможет

Ответ №2:

Попробуйте этот tha’ngu:

 <div style="top: 500px; position: absolute; width: 300px; height: 100px; background-color: #cad4de; padding: 22px; z-index:1; height: 476px; width: 527px;">
<div style="position: relative; width: 500px; z-index:9999999;">Text to select</div>
</div>