[問題] Chrome與<marquee>標籤

看板Web_Design作者 (橘子汁)時間12年前 (2013/06/18 19:00), 編輯推噓0(0019)
留言19則, 5人參與, 最新討論串1/3 (看更多)
最近碰到一個問題是 跑馬燈標籤在Chrome運行的時候 如果內容較長,就會只跑到一定的長度就跳掉了 原因不明 像這樣↓ http://jsfiddle.net/HxC8g/ 上網google了一下看到下面這篇,最下面有人解釋,和內容的寬度有關 http://ppt.cc/U301 不過我不太懂,因為「內文不比外面的元素寬,所以不會動」? (If the text is not wider than the width, why should the text move?) 但是內文明明就比較寬阿 囧 不過因為提到和寬度有關,所以我嘗試把寬度取消掉, 然後為了維持原寬度,就改用margin-left推擠出原本要的寬度 http://jsfiddle.net/HxC8g/1/ 這樣就解決了 @ @ 所以是marquee(於Chrome)不能有width嗎? 不知道是不是我英文太破對那篇回答有誤解,知其然不知其所以然的感覺不太好 如有版友知道為什麼,懇請解答 謝謝<(_ _)> -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 60.249.39.28

06/18 19:54, , 1F
這年頭還有人在用<marquee>喔…
06/18 19:54, 1F

06/18 22:32, , 2F
這年頭不要用這個標籤,我上次用是13年前
06/18 22:32, 2F

06/18 22:33, , 3F
請改透過javascript跑,但基本來說文字在跑很不friendly
06/18 22:33, 3F

06/18 22:44, , 4F
( ̄□ ̄|||)a...客戶要求要跑馬燈阿...為什麼HTML就可以
06/18 22:44, 4F

06/18 22:44, , 5F
作的事情要改用JS?
06/18 22:44, 5F
我剛剛上網搜尋了一下為什麼不要用<marquee> 大部分看到的主張是 1.他不是W3C標準 2.違反無障礙網站的原則 但是 我不需要符合W3C,也沒有要作無障礙網站。 還是除此之外,還有其他理由不要用<marquee>? ※ 編輯: oj113068 來自: 114.41.124.51 (06/18 23:10)

06/18 23:16, , 6F
這個嘛,沒有人可以阻止誰不想進步,你高興就好
06/18 23:16, 6F
感謝A大下面的回文 這裡的喃喃我就砍掉囉XD

06/18 23:20, , 7F
我只是想要知道原因啊.........
06/18 23:20, 7F

06/18 23:21, , 8F
如果不知道原因,也不過是人云亦云罷了。
06/18 23:21, 8F

06/18 23:26, , 9F
因為後果自負 當大家都不再用它 沒有人維護 沒有人開發
06/18 23:26, 9F

06/18 23:26, , 10F
結果就是你去使用遇到的問題後果自負
06/18 23:26, 10F

06/18 23:29, , 11F
( ′-`)y-~S大的意思是,因為沒人用,所以沒人用?
06/18 23:29, 11F

06/18 23:30, , 12F
差不多 但是在html跟JS裡可以找到很多當初非標準的東西
06/18 23:30, 12F

06/18 23:30, , 13F
被廣泛使用最後被納入新標準
06/18 23:30, 13F
意思就是說沒人用的標準就會被廢棄,很多人用的規格外會被標準化? 蠻微妙的XD ※ 編輯: oj113068 來自: 114.41.124.51 (06/18 23:49) ※ 編輯: oj113068 來自: 114.41.124.51 (06/18 23:58)

06/19 00:11, , 14F
明明就是當初MS自幹一套標準,搞的其它瀏覽器只好配合牠...
06/19 00:11, 14F


06/19 00:13, , 16F
例如像文中的marquee,請看中間的 note
06/19 00:13, 16F

06/19 00:15, , 17F
For some reason, Firefox and Opera support them too
06/19 00:15, 17F

06/19 00:15, , 18F
For some reason 哈哈哈哈XDDDD
06/19 00:15, 18F

06/19 00:19, , 19F
再次謝謝A大 <(_ _)>
06/19 00:19, 19F
文章代碼(AID): #1Hm3sq94 (Web_Design)
文章代碼(AID): #1Hm3sq94 (Web_Design)