[討論] 關於CSS

看板Web_Design作者 (ARNO)時間13年前 (2011/08/25 21:36), 編輯推噓18(18074)
留言92則, 17人參與, 最新討論串1/1
想和大家交流一下 各位設計前輩們都會使用CSS 3嗎? 我自已目前是只會用CSS2 對於CSS3的支援度是完全不瞭解… 目前都盡量做到支援IE6.0以上 IE6.0以下真的沒辦法就沒去弄了… 要花很多的時間>_< 而我也不知道CSS3有什麼優點 如果要生動一點的話用一點Jquery就不錯了 請各位前輩們給予小的一些心得~~感謝~ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 122.117.32.198

08/25 21:43, , 1F
IE6以下就不要管了... 支援到IE6就很佛心了
08/25 21:43, 1F

08/25 21:48, , 2F
你比較需要擔心IE8 只支援一半
08/25 21:48, 2F

08/25 22:28, , 3F
請問IE8只支援一半是指什麼意思呢?
08/25 22:28, 3F

08/25 22:47, , 4F
有些CSS IE6 IE7直接死給你看就算了
08/25 22:47, 4F

08/25 22:48, , 5F
IE8可能會支援某幾個 然後畫面就呈現一付很詭異的樣子
08/25 22:48, 5F

08/25 23:01, , 6F
挖咧…太扯了啦><
08/25 23:01, 6F

08/25 23:46, , 7F
by the way..有沒有台中的網頁設計者想聚會呢?
08/25 23:46, 7F

08/26 00:36, , 8F
個人覺得CSS基本上不要弄得太"先進" 一般是不會有問題
08/26 00:36, 8F

08/26 01:30, , 9F
別太先進+1 覺得要平衡,畢竟不能完全不管IE8
08/26 01:30, 9F

08/26 01:31, , 10F
不過現在網路上很多方法可以克服一些常見的問題,圓角和
08/26 01:31, 10F

08/26 01:31, , 11F
陰影已經可以在IE8看見了
08/26 01:31, 11F

08/26 03:51, , 12F
用.htc? 我必須說這解法問題一堆
08/26 03:51, 12F

08/26 04:01, , 13F
做久了就知道怎麼取捨平衡了
08/26 04:01, 13F

08/26 04:01, , 14F
設計師最常見的錯誤就是根本不管網頁設計的實際面,拿平面
08/26 04:01, 14F

08/26 04:02, , 15F
設計的效果套到網頁上,字型要多帥有多帥,圓角要多少有多少
08/26 04:02, 15F

08/26 04:02, , 16F
搞到網頁一堆hack的語法跟javascript,只為了做一個不適合
08/26 04:02, 16F

08/26 04:02, , 17F
的畫面。真的有心朝網頁設計的角度走,自然會找到一個ie系列
08/26 04:02, 17F

08/26 04:03, , 18F
友善但css3 也能有效支持的設計方案.
08/26 04:03, 18F

08/26 04:03, , 19F
如果你還沒有很熟的話,我建議你先不要管css3或css2,找那些
08/26 04:03, 19F

08/26 04:03, , 20F
相容度高的css 屬性來用。盲然的只用css3你會發現到頭來是浪
08/26 04:03, 20F

08/26 04:04, , 21F
費時間的多...
08/26 04:04, 21F

08/26 06:52, , 22F
偵測瀏覽器,載入不同的 .css 花較多功夫,但效果最好
08/26 06:52, 22F

08/26 08:01, , 23F
設計師卯起來弄平面,前端developer寫到要吐血 Q_Q
08/26 08:01, 23F

08/26 08:02, , 24F
像在國外我們這樣design/Front-End分工的很多心酸血淚
08/26 08:02, 24F

08/26 09:38, , 25F
我可以請教為什麼htc的解法會問題一堆嗎?因為PNG也是
08/26 09:38, 25F

08/26 09:39, , 26F
用這個解法Orz
08/26 09:39, 26F
我都是使用基本的CSS編輯 這樣其實就已經有很不錯的效果了 png圖檔我自已是不大用的 各位設計師會經常使用png檔嗎? 而tyf99大說的偵測瀏覽器,載入不同的 .css 是我之後會努力的目標@@ 目前對import的使用還不大瞭解 感謝大家的熱情回覆>_<~ ※ 編輯: nochingyo 來自: 114.26.168.132 (08/26 10:04)

08/26 10:40, , 27F
等等,PNG檔只是我離題啦( ̄□ ̄|||)a...
08/26 10:40, 27F

08/26 15:34, , 28F
我超愛用透明PNG的 用IE的就sorry 看的到畫面 但是很醜而已
08/26 15:34, 28F

08/26 15:35, , 29F
不要太在意IE user了 一直幫他們做一堆hack讓畫面看起來一
08/26 15:35, 29F

08/26 15:36, , 30F
樣 他們就越不想換瀏覽器 當然是越好的瀏覽器看起來越漂亮
08/26 15:36, 30F

08/26 15:41, , 31F
樓上的可以故意用ie hack 把所有的圖案都變灰階的 (我幹過XD
08/26 15:41, 31F

08/26 18:48, , 32F
IE6直接無視 IE7不會破版就好 IE8跟其它瀏覽器正常
08/26 18:48, 32F

08/26 18:49, , 33F
以上是我的做法 一直寫HACK讓舊IE看起來正常 我覺得
08/26 18:49, 33F

08/26 18:50, , 34F
是一種縱容(XD)的行為
08/26 18:50, 34F

08/26 18:51, , 35F
除非客人要求 不然IE6可以無視了
08/26 18:51, 35F

08/26 20:02, , 36F
我遇過的失敗png htc案例之一:IE6成功會透明 反而IE7跑出
08/26 20:02, 36F

08/26 20:04, , 37F
白底 很基本的PS切版存成網頁而已(別人做的 叫我試看看
08/26 20:04, 37F

08/26 20:05, , 38F
之2:網頁有加捲軸相關的js code,png也小小張而已
08/26 20:05, 38F

08/26 20:06, , 39F
但是在FF裡一滾滾輪,整頁會閃動 都是幾年前的東西
08/26 20:06, 39F

08/26 21:58, , 40F
我是向下到IE7,6以下就出現警告和更新版本的超連結給他
08/26 21:58, 40F

08/26 22:01, , 41F
我都這樣嚇他們XD
08/26 22:01, 41F

08/26 22:02, , 42F
Htc的部分我以為pm大不只是說PNG耶,因為提到的是圓角等
08/26 22:02, 42F

08/26 22:04, , 43F
我之前曾經有過JQuery和pie的.htc檔衝突的經驗,
08/26 22:04, 43F

08/26 22:04, , 44F
以為pm大是指這類的
08/26 22:04, 44F

08/26 22:05, , 45F
因為圓角以前都直接用圖片來做 沒遇過啥問題
08/26 22:05, 45F

08/26 22:06, , 46F
喔我同學的公司IE6會另外報價 XD
08/26 22:06, 46F

08/26 23:12, , 47F
 推oj113068的連結  XDDDDDDDDDD
08/26 23:12, 47F

08/26 23:59, , 48F
咦!?你看的到,剛有人跟我說看不到呢,還以為是網址
08/26 23:59, 48F

08/26 23:59, , 49F
不開放外連,正要另外找空間
08/26 23:59, 49F

08/27 10:35, , 50F
不同意Designer 為了實做簡單去compromise 他的設計
08/27 10:35, 50F

08/27 10:36, , 51F
好的Design是設計師的責任 把他作出來是Dev的功力
08/27 10:36, 51F

08/27 10:37, , 52F
為了deadline去strike balance是pm或老闆的經驗
08/27 10:37, 52F

08/27 14:43, , 53F
同不同意是一回事,但是公司如果沒配前端工程師
08/27 14:43, 53F

08/27 14:44, , 54F
也是只能設計師自己來了...
08/27 14:44, 54F

08/27 15:30, , 55F
好的設計?設計一個文章跨多欄on IE6就可以讓dev哭出來了
08/27 15:30, 55F

08/27 16:07, , 56F
在UX或是IxD的角度上有理由這樣做的話 Dev就應該盡量支援
08/27 16:07, 56F

08/28 12:13, , 57F
其實我不懂htc指的是…手機?
08/28 12:13, 57F

08/28 13:07, , 58F
.htc是一種檔案。
08/28 13:07, 58F

08/28 21:16, , 59F
看回復好感動,我們公司的程式居然說一定要好IE6
08/28 21:16, 59F

08/28 21:17, , 60F
還說弄不好就是設計師太爛,辭職吃自己算了
08/28 21:17, 60F

08/28 21:17, , 61F
偏偏我公司只有我會處理相容性,害我工作量大增!
08/28 21:17, 61F

08/28 21:20, , 62F
你們公司的程式(設計師?)用甚麼語言在開發
08/28 21:20, 62F

08/28 21:22, , 63F
PHP,用smarty,都是一樣的東西套來套去,他只會後端
08/28 21:22, 63F

08/28 21:23, , 64F
請跟他說IE6是一個微軟自己都想消滅的瀏覽器= =
08/28 21:23, 64F

08/28 21:26, , 65F
他會說使用者還是有30%,怎麼放棄這30%?放棄就是你弱
08/28 21:26, 65F

08/28 21:27, , 66F
可是老實說他自己的後端都是table,還沒有doctype
08/28 21:27, 66F

08/28 21:29, , 67F
你跟他說,連GOOGLE都放棄支援了,難道GOOGLE弱???
08/28 21:29, 67F

08/28 21:31, , 68F
你就刁他後台阿,怎麼沒有拖拉排序、批次上傳...etc
08/28 21:31, 68F

08/28 21:33, , 69F
他還是會堅持他的30%理論,而且他老闆緣好,不想跟他吵
08/28 21:33, 69F

08/28 21:33, , 70F
我老闆緣超差,但是給我一個月我一定smarty比他強!
08/28 21:33, 70F

08/28 21:34, , 71F
我只覺得他連doctype是啥都不知道,這禮拜五才吵過XD
08/28 21:34, 71F

08/28 21:35, , 72F
有拖拉排序,剛加上沒多久,但超難用,批次是一次選五個
08/28 21:35, 72F

08/28 21:35, , 73F
5個input瀏覽那種,不能新增
08/28 21:35, 73F

08/28 21:38, , 74F
http://www.ie6countdown.com/ TAIWAN 7.8% 微軟官方統計
08/28 21:38, 74F

08/28 21:39, , 75F
30% 已經是好幾年的數據了,透過GOOGLE FACEBOOK M$ IE6
08/28 21:39, 75F

08/28 21:39, , 76F
正在逐漸消滅中...
08/28 21:39, 76F

08/28 21:39, , 77F
所謂的批次上次,當然是一次選多個檔案..而不是一個一個點
08/28 21:39, 77F

08/28 21:39, , 78F
原來他是對岸的人!!好恐怖的30趴啊!!!嚇死人
08/28 21:39, 78F

08/28 21:40, , 79F
PROC就不管它了...
08/28 21:40, 79F

08/28 21:41, , 80F
我知道批次是一次選多個,我還想做拖曳上傳勒XD
08/28 21:41, 80F

08/28 22:05, , 81F
哪有30%!? 我上次查已經是10% 以下了耶
08/28 22:05, 81F

08/28 22:06, , 82F
而且為什麼他會對你如此發號施令阿?上級呢?@ @
08/28 22:06, 82F

08/28 22:08, , 83F
堅持要支援IE6產生的成本比起失去那10%下的使用者...
08/28 22:08, 83F

08/28 22:15, , 84F
平級,只是他講話就是這樣,你不聽他的案子就有得等了
08/28 22:15, 84F

08/28 22:16, , 85F
我上次跟他口角,結果後來案子等兩週都還不給我做
08/28 22:16, 85F

08/28 22:16, , 86F
最後我就跟主管說我可以自己寫程式嗎?我想練習一下
08/28 22:16, 86F

08/28 22:17, , 87F
我不會php不過有一點程式概念,我還學了smarty,最後
08/28 22:17, 87F

08/28 22:18, , 88F
我三天就寫完了,不過中途不會還是有問了一下朋友
08/28 22:18, 88F

08/28 23:58, , 89F
去申請google analytics給他看瀏覽器比例
08/28 23:58, 89F

08/29 20:10, , 90F
我昨天跟大家說這件事時也有朋友去翻analytics
08/29 20:10, 90F

08/29 20:11, , 91F
不過大家的數據都把微軟高,不過我自己的到是7.76%
08/29 20:11, 91F

08/29 22:11, , 92F
老闆都用老電腦IE6
08/29 22:11, 92F
文章代碼(AID): #1ELa_x1y (Web_Design)
文章代碼(AID): #1ELa_x1y (Web_Design)