关于IE中伪类hover的使用及BUG
这篇文章主要介绍了关于IE中伪类hover的使用及BUG，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下
IE中伪类hover的使用及BUG ，需要的朋友可以参考下。
伪类:hover的规则：
在CSS1中，此伪类仅可用于a对象。且对于无href属性的a对象，此伪类不发生作用；
在CSS2中，此伪类可以应用于任何对象；
目前IE5.5、IE6仅支持CSS1中的:hover，不过新出的IE7以及Firefox支持CSS2中的:hover。
先用CSS2的写法来实现：
<html>
<head>
<style>
* {margin:0; padding:0;}
ul {list-style:none;margin:100px;}
li {height:100px; width:100px; background:#000; font-size:12px; color:#fff; position:relative;}
li a {display:none;}
li:hover a{display:block; text-decoration:none;width:100px; height:100px; background:#c00; position:absolute; top:50px; left:50px; color:#fff;}
</style>
</head>
<body>
<ul>
<li>鼠标移过来触发我吧！<a href="#" title="">哈哈，终于被你发现了！</a></li>
</ul>
</body>
</html>提示：您可以先修改部分代码再运行
大家可以测试发现在Firefox等对CSS2支持很好的浏览器中，可以显示我们所要达到的效果，但在IE6中却无法实现。
下面让我们换一种思维，使用CSS1的写法来看看：
在CSS1中，由于无法支持li元素:hover的使用，所以把文字包含到a中，对a使用:hover，并且将要显示隐藏的部分放到span元素中；
CSS中我们将a的设置成块级元素，并使a的大小和宽度和li的相同；
并设置a为相对位置，用a来模拟上例中的li；
而用span来模拟上例中的a，设置span在默认情况下隐藏（display:none;）；
当a被触发时（:hover），则span显示（display:block;）；
但，如果按照以上方式修改后，示例的效果，在IE6中依然无法显示。
原因是：IE浏览器自身解析的问题，是IE5.5和IE6中伪类:hover的BUG。
如何解决这个问题呢？
这个BUG可以通过在链接的属性中增加某些特殊的CSS属性声明来消除。
li a:hover {}
对其属性我们仅设定width:100px;发现在IE6中依旧没有变化，我们尝试着更改width的value，比如使其width:99px，奇怪的事情发生了，在IE6中，隐藏的部分在触发的时候显示出来了。我们再对li a:hover的属性仅设定color来测试（初始值为#fff），更改color值，发现在IE6下却也不能触发显示。。。
最后总结发现，除了text-decoration，color，z-index不能触发显示（对于不能触发显示的部分，可以还有某些遗漏的属性）外，其他属性均可以做为消除伪类:hover BUG的特定属性。
说明：
1、不建议改变display值来做为特定属性消除此BUG，而且在某些例子中此属性不一定能消除BUG。
2、对于做为特定属性的border和background中的颜色我们还可用全写和简写来改变，如#fff和#ffffff在消除BUG中解析为2个不同的值。
CSS1的写法最终效果：
<html>
<head>
<style>
* {margin:0; padding:0;}
ul {list-style:none;margin:100px;}
li {height:100px; width:100px; background:#000; font-size:12px; }
li a {display:block; height:100px; width:100px; position:relative; color:#fff; text-decoration:none;}
li a:hover {background:#ccc;}
li span {display:none; }
li a:hover span {display:block; width:100px; height:100px; background:#c00; position:absolute; top:50px; left:50px; color:#fff; }
</style>
</head>
<body>
<ul>
<li><a href="#" title="">鼠标移过来触发我吧！<span>哈哈，终于被你发现</span></a></li>
</ul>
</body>
</html>提示：您可以先修改部分代码再运行
最少代码实现版(xugang实现)：
<html>
<head>
<style>
li {height:10px; width:120px; background:#000;}
li a{height:10px; width:120px; display:block;}
li a:hover {background:#ccc;}
li span {display:none;}
li a:hover span {display:block; width:100px; height:40px; background:#c00; position:absolute; top:15px; left:180px;}
</style>
</head>
<body>
<ul>
<li>
<a href="#" title="">鼠标移过来触发
<span>
<ul>
<li>aaa</li>
<li>aaa</li>
</ul>
</span>
</a>
</li>
</ul>
</body>
</html>提示：您可以先修改部分代码再运行
以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！
相关推荐：
Atas ialah kandungan terperinci 关于IE中伪类hover的使用及BUG. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1376
52
Apakah maksud pepijat permainan?
Feb 18, 2024 am 11:30 AM
Apakah yang dimaksudkan dengan pepijat permainan? Semasa proses bermain permainan, kami sering menghadapi beberapa ralat atau masalah yang tidak dijangka, seperti watak tersekat, tugas tidak dapat diteruskan, skrin berkelip, dsb. Fenomena abnormal ini dipanggil pepijat permainan, iaitu, kesalahan atau kesilapan dalam permainan. Dalam artikel ini, kami akan meneroka maksud pepijat permainan dan kesannya terhadap pemain dan pembangun. Pepijat permainan merujuk kepada ralat yang berlaku semasa pembangunan atau pengendalian permainan, menyebabkan permainan gagal berjalan seperti biasa atau berkelakuan di luar jangkaan. Kesilapan ini mungkin disebabkan oleh
Ringkasan pepijat Apple iOS18
Jun 14, 2024 pm 01:48 PM
Memandangkan persidangan WWDC Apple 2024 mencapai kesimpulan yang berjaya, bukan sahaja macos15 diumumkan, tetapi kemas kini sistem iOS18 baharu Apple paling menarik perhatian Walaupun terdapat banyak ciri baharu, sebagai versi pertama iOS18 Apple, orang ramai pasti tertanya-tanya sama ada ia adalah perlu untuk menaik taraf Apple iOS18, apakah jenis pepijat yang terdapat dalam keluaran terbaru Apple iOS18? Selepas penilaian penggunaan sebenar, berikut ialah ringkasan pepijat Apple iOS18, mari kita lihat. Pada masa ini, ramai pengguna iPhone tergesa-gesa untuk menaik taraf kepada iOS18 Namun, pelbagai pepijat sistem menyebabkan orang tidak selesa. Sesetengah penulis blog berkata bahawa anda harus berhati-hati semasa menaik taraf kepada iOS18 kerana "terdapat banyak pepijat." Blogger itu berkata bahawa jika iPhone anda adalah
Apakah maksud bagasi sistem?
Nov 09, 2022 pm 02:40 PM
Bagage sistem merujuk kepada pepijat sistem; maksud asal pepijat ialah "pepijat", dan kini ia boleh digunakan untuk merujuk kepada kelemahan yang wujud pada komputer Sebabnya ialah terdapat kelemahan dalam dasar keselamatan sistem dan bahayanya penyerang boleh mengakses tanpa kebenaran dalam erti kata yang luas Di Internet, pepijat boleh digunakan untuk menggambarkan kelemahan atau kecacatan yang berlaku dalam pelbagai bidang.
Mengisih ralat dan isu Win11
Jan 13, 2024 pm 08:21 PM
Sesetengah orang ingin mengemas kini win11, tetapi mereka tidak tahu sama ada terdapat banyak pepijat dalam win11 dan sama ada kemas kini itu akan menyebabkan masalah, sebenarnya, terdapat pepijat dalam win11 sekarang, tetapi ia mempunyai sedikit kesan ke atas penggunaan. Adakah terdapat banyak pepijat dalam win11 Jawapan: Masih terdapat banyak pepijat dalam win11. Walau bagaimanapun, pepijat ini mempunyai sedikit kesan ke atas penggunaan harian. Jika pengguna mempunyai keperluan yang tinggi untuk kegunaan harian, adalah disyorkan untuk menggunakannya kemudian. Ringkasan pepijat win11 1. Pengurus Sumber 1. Kadangkala limpahan memori berlaku, mengakibatkan penggunaan memori yang tinggi bagi Pengurus Sumber. 2. Keadaan ini akan menyebabkan penggunaan memori melebihi 70%, dan komputer akan membeku atau malah ranap. 2. Konflik dan ranap 1. Sesetengah aplikasi tidak cukup serasi, menyebabkan konflik antara satu sama lain. 2. Walaupun terdapat sedikit prosedur konflik,
Apakah kitaran hayat pepijat?
Nov 08, 2022 pm 02:17 PM
Kitaran hayat BUG ialah proses dari apabila BUG ditemui hingga apabila BUG ditutup. Serahkan pepijat dan cuba huraikan sifat dan pembiakan kecacatan, jenis, tahap, keutamaan dan langkah pembiakan terperinci, keputusan dan jangkaan, dsb pemaju; 4. Menganalisis dan mengesahkannya sebagai kecacatan 5. Mengendalikan dan memperbaiki BUG;
网络热词bug是什么意思
Jan 21, 2021 pm 02:15 PM
网络热词bug是指计算机上存在的漏洞。漏洞*（bug）是在硬件、软件、协议的具体实现或系统安全策略上存在的缺陷，从而可以使攻击者能够在未授权的情况下访问或破坏系统。漏洞可能来自应用软件或操作系统设计时的缺陷或编码时产生的错误，也可能来自业务在交互处理过程中的设计缺陷或逻辑流程上的不合理之处。
Apakah pepijat dalam versi terbaru win10 1903
Jan 07, 2024 pm 10:37 PM
Selepas Microsoft mengemas kini versi win101903, versi baharu bukan sahaja membetulkan pepijat yang muncul dalam versi sebelumnya, menambah dan menambah baik beberapa fungsi, tetapi juga tidak dapat tidak menghadapi masalah yang wujud dalam versi baharu. Kebanyakannya adalah pepijat yang berkaitan dengan keserasian dan kestabilan, tetapi mujurlah ia bukan masalah utama. Mari kita lihat kandungan khusus dengan editor~ Saya harap ia dapat membantu anda. Apakah BUG dalam win10 versi terkini 1903 Microsoft mengumumkan bahawa ia telah menetapkan tiga BUG1 yang serius dalam kemas kini Windows 10 2019 Mei yang pertama ialah masalah audio dengan Dolby Atmos dan teater rumah. Sesetengah peranti mungkin kehilangan audio selepas memasang Versi 1903. Ternyata pepijat audio ini
Satu baris kod untuk menjadikan pepijat Python anda unik
Apr 14, 2023 am 09:16 AM
PrettyErrors ialah alat yang menyelaraskan mesej ralat Python Ia dicirikan oleh antara muka yang sangat mudah dan mesra. Fungsinya yang paling ketara ialah ia menyokong output warna pada terminal, menganotasi surih tindanan fail, mencari mesej ralat, menapis maklumat berlebihan, mengekstrak bahagian utama dan melaksanakan anotasi warna, dengan itu meningkatkan kecekapan pembangun. Menulis kod itu sendiri tidak mudah, terutamanya jika pepijat muncul dalam puluhan ribu baris kod, dan anda tidak akan dapat mencari masalah untuk seketika Pada masa ini, anda mesti sangat gila dan mudah marah. Terutama apabila terdapat ralat dalam kod Python, skrin penuh dengan mesej ralat, menjadikannya lebih sukar untuk mengesan ralat. Mula-mula kita lihat jejak semula di atas Ia hanya mempunyai satu warna dan tidak boleh setinggi kod.
