Tajuk ditulis semula kepada: Gunakan z-index untuk memaparkan teks pada tuding dengan CSS, menyebabkan div bergerak
<p>Apabila saya menuding di atas div pertama untuk memaparkan teks penuh, kedudukan div kedua berubah supaya ia berada di belakang div pertama. Saya mahu div kedua kekal di tempatnya dan teks div pertama untuk menutupnya. </p>
<p><strong>Demo: </strong>https://codepen.io/adivity/pen/OJEzoPm</p>
<pre class="brush:php;toolbar:false;"><html>
<badan>
<div class="bekas">
<div>1) Ini adalah tajuk penuh yang ingin saya paparkan. Ia sangat panjang dan akan merangkumi sepenuhnya div seterusnya.
</div>
<div>2) Ini adalah tajuk penuh yang ingin saya paparkan. Ia sangat panjang dan akan merangkumi sepenuhnya div seterusnya.
</div>
<div>3) Ini adalah tajuk penuh yang ingin saya paparkan. Ia sangat panjang dan akan merangkumi sepenuhnya div seterusnya.
</div>
</div>
</badan>
</html></pre>
<pre class="brush:php;toolbar:false;">.container {
lebar maksimum: 100px;
margin: 0 auto;
}
.container div {
ketinggian: 80px;
warna latar belakang: kelabu;
}
.container div {
white-space: nowrap;
limpahan: tersembunyi;
limpahan teks: elipsis;
}
.container div:hover {
limpahan: nampak;
ruang putih: normal;
indeks z: 2;
lebar maksimum: 100px;
}</pre></p>
