作者superpai (超級白)
看板Web_Design
標題Re: [問題] Chrome與<marquee>標籤
時間Wed Jun 19 00:52:55 2013
※ 引述《oj113068 (橘子汁)》之銘言:
我有試了一下,發現如果width用px設,怎樣都會跳掉
但是如果用%來設,不管設多寬都不會跳
所以你還是可以用width來設定XD
不過這奇怪的表現基本上你不太可能找到合邏輯的解釋
說不定這根本就是只是一個bug,但是因為這是非標準的tag
所以chrome/webkit就不打算解而已
畢竟那個年代瀏覽器連marginX2的bug都有了,這種小bug算什麼
如果說你不care什麼w3c標準的話,這個「有bug很正常」應該是很「實際」該
避免用<Marquee>的理由了
不過前面有人說改用JS來做,以基本教義派的角度來看也是錯的
因為JS要負責的是行為/互動
文字在爬而已算什麼行為呢?這只是單純的樣式啊
所以這要由CSS來做才對。
用CSS有兩個選擇
1. css3-marquee
http://www.w3.org/TR/css3-marquee/
目前只有webkit有做,所以你可以用 overflow-x: -webkit-marquee
效果就一樣了
2. 用@keyframes
這個比較複雜了,有興趣請自己google教學吧
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 1.164.131.206
→ oj113068:css3舊版ie不支援(眼神死) 所以要我還是會選擇用JS XD 06/19 01:15
→ Canboo:中槍了 06/19 09:37
→ Rplus:個人做法: 以外包div設寬度可避這一狀況 06/19 22:57