我想在字幕标签中插入一张图片。
我写了以下代码:
<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中不起作用。问题出在哪里?请尽快回复。提前谢谢。
发布于 2013-05-06 13:59:00
因为marquee标签是一种违背自然的罪行。而且在新版本的Chrome中不再支持它。
发布于 2013-05-06 13:34:03
在现代的html中不支持marquee。Chrome在一段时间前放弃了对它的支持。您需要通过CSS3或Javascript来实现这一点。
此外,W3C声明它是non standard,不应该使用。
可以通过jQuery或CSS3轻松获得该效果
发布于 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动画,这可能更简单,但不是很健壮(由于浏览器支持的限制)。
https://stackoverflow.com/questions/16392486
复制相似问题