續[url=上篇[/url]。
下面來看一下陰影。它可以用類似圓角border的方式達成。
1. 簡單的css陰影和clagnut陰影
限制：2. 模糊陰影
實現：新增兩層container，分別應用陰影影象和蒙板影象。
限制：* 需要兩個外層元素
* 外層背景色是固定的（與蒙板顏色一致）。洋蔥皮陰影無此問題。
注意，蒙板需要png的alpha透明特性，但是ie6不支援。書中給出了使用alphaimageloader的filter方式，但是問題在於，在ie中與其這樣，不如直接在元素上使用dropshadow或shadow的filter。
3. 洋蔥皮陰影
實現：新增兩層container，分別應用兩個陰影末尾圖。
限制：* 需要兩個外層元素
* 外層背景色是固定的，但稍作改進可以避免這一限制。
總的來說，上述的陰影實現，都不是很好的方法，最好還是借助指令碼。
最後是影象替換。
關於影象替換，除了本書作者所說的screen reader問題外，另乙個問題是，在許多瀏覽器上，影象不會跟文字一起縮放。所以我的觀點是盡量避免使用影象替換。本書作者提出的「公司品牌策略要求特定字型」的例子，我認為不足為證。如果真的需要這樣強的視覺強制要求，也肯定不以字型為限，最好直接使用flash。
此外，display:none或visibility:hidden（譯本有疏漏）會造成screen reader失效，這其實很大一部分是screen reader本身的問題。因為本身css可以只針對media=screen指定影象替換樣式。但是許多screen reader忽視了css規範（多數是基於ie的）。
所以目前最可靠的影象替換法，仍是利用指令碼的，如本書中的ifr和sifr。
待[url=續[/url]...
《精通CSS》讀書筆記（五）
續 url 上篇 url 第4章本章討論了鏈結上的樣式。關於a上偽類的順序，應按照lovehate link visited hover active 根據css21，link和visited偽類是互斥的，也就是 link visited不可能選擇到任何元素。而hover active與新增的foc...
《精通JavaScript》讀書筆記（四）
1.元素的尺寸 找出 元素的的高度和寬度可以很容易，也可以很困難，取決於它所處的不同場合，在大多數情況下，我們只需要利用前面自己封裝的getstyle函式即可，如下所示 var getheight function elem var getwidth function elem 但是這樣做會遇到2個...
《精通JavaScript》讀書筆記（五）
1.滑鼠位置 1 首先需要確定的兩個變數是 游標相對於整個頁面的x和y位置。如下所示 獲取滑鼠相對於整個頁面的偏移量 param e var getx function evt var gety function evt 上面的 中pagex只存在於非ie的瀏覽器中，代表著滑鼠事件相對於整個頁面 包...