《精通CSS》讀書筆記(五)

2021-08-22 10:59:19 字數 1009 閱讀 5644

續[url=上篇[/url]。

第4章本章討論了鏈結上的樣式。

關於a上偽類的順序,應按照lovehate(link visited hover active)。

根據css21,link和visited偽類是互斥的,也就是*:link:visited不可能選擇到任何元素。而hover、active與新增的focus偽類,可以共存於乙個元素上。因此可以有以下的樣式:

a:link:hover

a:visited:hover

a:link

a:visited

a:active

a:visited:hover:active

另,hover、active等動態偽類不限於a,也可以在其他某些元素上。但是ie6不支援。

active偽類還有點問題,因為早期規範定義不清,各個瀏覽器實現稍有不同。其中ie最離譜,實際效果近似乙個只在a上有效的:focus偽類。實際上,ie dom中的名為onactivate/ondeactivate的事件,也說明了ie是把active看成是一種特殊的focus的。

本書還指出了pixy方法受到ie的cache bug影響會閃爍。但是書中並沒有說清楚這個問題。但其實該bug是有條件的,即ie的cache設定為every visit to the page,而不是預設的automatically。基本上,只有開發者才會把cache設定為每次訪問檢查更新,所以這個bug其實不會影響真正的使用者(根據我在winxpsp2的ie6下測試,雖然可能仍然呼叫了一次網路訪問的api,但是並沒有發生實際的請求,症狀就是滑鼠有極短時間的抖動,但是影象不會閃爍)。此外有人發現了乙個未公開的方法來讓ie對背景圖進行快取:

document.execcommand("backgroundimagecache",false,true)

使用這種方法甚至避免了api呼叫,貌似是直接快取在ie記憶體中。

詳見:[url]

btw,我計畫還要對這種方法做一些測試,看看是否能解決[url=快取問題[/url]。

待[url=續[/url]...

《精通JavaScript》讀書筆記(五)

1.滑鼠位置 1 首先需要確定的兩個變數是 游標相對於整個頁面的x和y位置。如下所示 獲取滑鼠相對於整個頁面的偏移量 param e var getx function evt var gety function evt 上面的 中pagex只存在於非ie的瀏覽器中,代表著滑鼠事件相對於整個頁面 包...

《精通CSS》讀書筆記(四)

續 url 上篇 url 下面來看一下陰影。它可以用類似圓角border的方式達成。1.簡單的css陰影和clagnut陰影 限制 2.模糊陰影 實現 新增兩層container,分別應用陰影影象和蒙板影象。限制 需要兩個外層元素 外層背景色是固定的 與蒙板顏色一致 洋蔥皮陰影無此問題。注意,蒙板需...

讀書筆記五

盡量少做轉型動作 避免返回handles指向物件內部成分 避免返回handles 包括reference,指標,迭代器 指向物件內部。可以增加封裝性,幫助const成員函式的行為像個const,並發生虛掉號碼牌的可能性降至最低。為異常安全努力是值得的 一般而言,只能夠做到第一條和第二條。乙個好的操作...