[請益] CSS Shadow in IE8?

看板Web_Design作者 (簡單)時間13年前 (2012/07/16 00:32), 編輯推噓3(3022)
留言25則, 7人參與, 最新討論串1/1
今天在編輯網頁突然發現shadow都不見了= = 可是chrome跟Firefox還是會有, 突然以為我網頁有不小心動到 後來想想才知道是因為公司是Win 7,用的是IE9 家裡還在用XP,用的是IE8 程式碼如下: position: relative; overflow: hidden; list-style: none; float: right; width: 922px; height: 368px; margin: 0; padding: 0; -moz-box-shadow:-1px 0px 12px -2px rgba(20%,20%,40%,0.5); -webkit-box-shadow:-1px 0px 12px -2px rgba(20%,20%,40%,0.5); box-shadow:-1px 0px 12px -2px rgba(20%,20%,40%,0.5); 上網找了一下可以用 <!--[if IE]> <style type="text/css"> img, #testdiv, .testbox{behavior: url(http://yourdomain.com/js/ie -css3.htc);} </style> <![endif]--> 可是用了後他的寫法就要變了,可能就表現不出本來想要的rgba了 請問大大這Shadow該如何同時滿足IE8、IE9、Chrome、FireFox嗎? 感謝^^ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 112.105.153.152

07/16 00:43, , 1F
都不要動 加入modernizr IE8+應該都可以跟其他一樣
07/16 00:43, 1F

07/16 00:45, , 2F
不要在視覺上迎合IE8,用新瀏覽器的人該有更好的使用經驗
07/16 00:45, 2F

07/16 00:48, , 3F
不需要給IE8 shadow
07/16 00:48, 3F

07/16 03:34, , 4F
07/16 03:34, 4F

07/16 03:35, , 5F
另外我認為解決瀏覽器的適應問題不就是我們的工作嗎…
07/16 03:35, 5F

07/16 03:36, , 6F
分享一篇文章:http://tinyurl.com/7448krr
07/16 03:36, 6F

07/16 03:57, , 7F
解決瀏覽器相容性問題並不代表是讓所有瀏覽器長一樣XD
07/16 03:57, 7F

07/16 03:57, , 8F
很多時候更意味著在各瀏覽器上表達出對其而言正確的畫面。
07/16 03:57, 8F

07/16 04:00, , 9F
這問題在於IE8 沒有陰影是否會破壞畫面,如果會就做處理或修
07/16 04:00, 9F

07/16 04:00, , 10F
改設計,如果不會就可以維持原樣。重點在於設計,而不是所有
07/16 04:00, 10F

07/16 04:00, , 11F
瀏覽器有一樣體驗,這完全是兩回事。
07/16 04:00, 11F

07/16 04:01, , 12F
像是現在很多網站都會採用 responsive 設計在不同 device顯
07/16 04:01, 12F

07/16 04:01, , 13F
示差異極大的不同畫面,就是配合不同媒介進行處理的一種典範
07/16 04:01, 13F

07/16 04:03, , 14F
事實上現在對 PROGRESSIVE ENHANCEMENT 詮釋也都朝這個方向
07/16 04:03, 14F

07/16 04:03, , 15F
在走。經典的譬喻就是當彩色畫面對上黑白電視,你是要想辦法
07/16 04:03, 15F

07/16 04:03, , 16F
讓黑白電視呈現出彩色畫面呢,還是就讓黑白電視看見黑白畫面
07/16 04:03, 16F

07/16 09:47, , 17F
感謝上面大大的分享~主要是基於不想用修圖的方式讓圖片呈現
07/16 09:47, 17F

07/16 09:48, , 18F
陰影,所以才會用CSS,再加上XP(IE8)的使用者還是很多,所以才
07/16 09:48, 18F

07/16 09:49, , 19F
想要迎合大眾市場的使用者,不過Tony大講的有道理,如果不行
07/16 09:49, 19F

07/16 09:50, , 20F
設計方面就會加框來呈現了~~~其他的等回家我再試試IE8
07/16 09:50, 20F

07/16 15:05, , 21F
加框的話也可以有光影感:http://jsfiddle.net/kubWR/
07/16 15:05, 21F

07/16 15:06, , 22F
感謝 Tony 大的分享,讓我有新的想法:)
07/16 15:06, 22F

07/16 15:12, , 23F
樓上真上讓我太ㄘㄟˋ心了,明明講的是一樣的概念ˊ_>ˋ
07/16 15:12, 23F

07/16 15:25, , 24F
真是對不起樓上,還讓你ㄘㄟˋ心了
07/16 15:25, 24F

07/17 08:49, , 25F
Pie.htc
07/17 08:49, 25F
文章代碼(AID): #1G0l2CSo (Web_Design)