CSS橫向下拉菜單(兼容IE6)

2024-07-11 08:51:19

字體：大中小

來源：轉載

供稿：網友

CSS驅動的橫向下拉菜單（改進版）
由于我的IE是IE7的，所以起初沒有意識到那個下拉菜單在IE6中不能顯示，今天剛把IE7卸了裝了IE6，一般的，由于CSS驅動的下拉菜單不能在IE6中正常工作，大多數人會選擇用JavaScript去實現下拉菜單，但其實CSS也可以做到的哦~~
這個關鍵就是這個語句：body { behavior:url(csshover.htc);}。通過IE特有的屬性behavior調用一個行為文件，為IE添加一些通常沒有的功能。即只有IE才去下載它，其他瀏覽器不會浪費帶寬去下載它，其缺點是：behavior聲明無法通過樣式表的驗證。可以將之轉移到一個單獨的樣式表文件，然后用@import引用它。讓主要的樣式表通過驗證。

下面看一下CSS的源碼，注釋中有給出csshover.htc文件的作用。（我有修改多處源碼，發現上次寫的有很多不足~~）對了，這個csshover.htc文件可以在http://www.xs4all.nl/~peterned/csshover.html#changes上下載得到。（是英文網站哈，不過單擊橙色的download連接就可以下載了，只是有不同的版本，我這里用的是“Version 1.42.060206 (:hover and :active) download | view”這個連接的版本。）不廢話了，還是看源碼吧~~
BODY部分

復制代碼

上一篇：純CSS實現兼容IE7及以上寬度自適應無限級導航菜單附演示

下一篇：css中float:right右對齊元素會換行不在同一條線上