#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>