假如顛倒下會是怎樣?3邊加厚,結果是有些出乎意料的。opera的表現(xiàn)很詭異,換句話說,它頂上的那條線,在上面的例子里“優(yōu)先”了只是一種巧合。IE表現(xiàn)的更加像opera,而不是它缺胳膊少腿的一貫形象。safari貫徹始終,并且,下面三個家伙的結果也是意料之內(nèi)的。
回到最開始第一幅圖的地方。用4種顏色分別畫4條邊。這里仍舊是放大5倍,現(xiàn)在就能更加清楚的看到IE8的做法。
在邊框?qū)挾榷枷嗤那闆r下,每個瀏覽器都表現(xiàn)的挺好。對于邊框斜角的應用我最早在《Eric Meyer on CSS 1》里看到。這種45度斜角使用上沒有危險性,但是其他角度就未必是這樣了,特別是用在雙線的時候。 這里留意下面三個截圖,F(xiàn)F和chrome,ie9的表現(xiàn)是不同的。可以看到漸進的處理方式不相同。chrome和ie9交匯處有白邊,但是FF沒有。
出處:藍色理想
責任編輯:bluehearts
上一頁 跨瀏覽器邊框探索 [1] 下一頁 跨瀏覽器邊框探索 [3]
◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論,我還想發(fā)表評論。
|