首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >为什么字幕标签在google chrome中不起作用?

为什么字幕标签在google chrome中不起作用?
EN

Stack Overflow用户
提问于 2013-05-06 13:32:36
回答 6查看 30.5K关注 0票数 7

我想在字幕标签中插入一张图片。

我写了以下代码:

代码语言:javascript
复制
<marquee scrollamount="4" behavior="alternate" direction="right" width="300"><img width="180px" style="padding-left:30px;opacity:0.7" src="img/cloud3.png"></marquee>

它在firefox和IE中运行良好,但在chrome中不起作用。问题出在哪里?请尽快回复。提前谢谢。

EN

回答 6

Stack Overflow用户

发布于 2013-05-06 13:59:00

因为marquee标签是一种违背自然的罪行。而且在新版本的Chrome中不再支持它。

票数 20
EN

Stack Overflow用户

发布于 2013-05-06 13:34:03

在现代的html中不支持marquee。Chrome在一段时间前放弃了对它的支持。您需要通过CSS3或Javascript来实现这一点。

此外,W3C声明它是non standard,不应该使用。

可以通过jQueryCSS3轻松获得该效果

票数 10
EN

Stack Overflow用户

发布于 2013-05-06 16:24:51

marquee元素有不同的实现,部分原因是没有发布它的规范。在HTML5中,元素是精确定义的,并且HTML5草案需要对marquee as defined there的支持。(草案也声明它是“过时的”和“不符合规范的”,但这些只是他们对作者所说的;对实现的要求是不同的。)但是,在支持方面仍然存在限制和差异,请参见例如MDN on marquee

在这种情况下,导致问题的似乎不是图像,而是属性behavior="alternate"。如果你移除它,图片也会在Chrome上移动。

这显然是实现错误,而不是缺乏支持。在Chrome中检查DOM显示,behavior属性具有指定的值alternate,但它就是不起作用。如果在CSS中向marquee元素添加边框,图像将交替开始移动,但仅向左和向右移动几个像素。

如果你真的想换个方向,最好使用其他的技术来代替marquee。例如,可以使用JavaScript实现一个简单的运动图像,以便使用计时器在循环中改变位置,然后您也可以轻松地实现交替方向。或者,您可以使用CSS3动画,这可能更简单,但不是很健壮(由于浏览器支持的限制)。

票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16392486

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档