Rumah > Soal Jawab > teks badan
Adakah mungkin untuk menetapkan kelegapan imej latar belakang tanpa menjejaskan kelegapan unsur kanak-kanak?
Semua pautan dalam pengaki memerlukan titik tumpu tersuai (imej latar belakang) dan kelegapan mata mata tersuai hendaklah 50%.
<div id="footer"> <ul> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">Link 3</a></li> <li><a href="#">Link 4</a></li> <li><a href="#">Link 5</a></li> </ul> </div>
#footer ul li { background: url(/images/arrow.png) no-repeat 0 50%; }
Saya cuba menetapkan kelegapan item senarai kepada 50%, tetapi kelegapan teks pautan juga adalah 50% - dan nampaknya tidak ada cara untuk menetapkan semula kelegapan elemen kanak-kanak:
#footer ul li { background: url(/images/arrow.png) no-repeat 0 50%; /* will also set the opacity of the link text */ opacity: 0.5; }
Saya juga cuba menggunakan rgba tetapi itu tidak memberi kesan pada imej latar belakang:
#footer ul li { /* rgba doesn't apply to the background image */ background: rgba(255, 255, 255, 0.5) url(/images/arrow.png) no-repeat 0 50%; }
P粉5742689892023-10-11 13:07:40
Anda boleh menggunakan CSS linear-gradient()
与 rgba()
bersama-sama.
div { width: 300px; height: 200px; background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url("https://i.imgur.com/xnh5x47.jpg"); } span { background: black; color: white; }
<div><span>Hello world.</span></div>