Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在CSS中设置字幕_Javascript_Jquery_Html_Css_Marquee - Fatal编程技术网

Javascript 在CSS中设置字幕

Javascript 在CSS中设置字幕,javascript,jquery,html,css,marquee,Javascript,Jquery,Html,Css,Marquee,我正在尝试在CSS中设置选框标记属性。我希望它向下滚动,然后再次向上滚动,高度设置为100%。这是相对于其父标记的高度,该父标记也设置为相对于主体的100%标记 这是它的CSS marquee{ height:100%; marquee-direction: down; marquee-style: alternate; } 目前它从右向左滚动,而不是在所有屏幕上。我怎样才能纠正这一点,谢谢 或者有任何JQuery插件可以实现类似的结果吗?与字幕相关的CSS属性仅在草稿中定义,几乎完全没有实现

我正在尝试在CSS中设置选框标记属性。我希望它向下滚动,然后再次向上滚动,高度设置为100%。这是相对于其父标记的高度,该父标记也设置为相对于主体的100%标记

这是它的CSS

marquee{
height:100%;
marquee-direction: down;
marquee-style: alternate;
}
目前它从右向左滚动,而不是在所有屏幕上。我怎样才能纠正这一点,谢谢


或者有任何JQuery插件可以实现类似的结果吗?

字幕相关的CSS属性仅在草稿中定义,几乎完全没有实现。根据,它们在iOS上的Safari中受支持,但仅使用
-webkit-
供应商前缀。这不太可能有太大的变化,因为
字幕
通常被认为是过时的

因此,如果使用
选框
,请使用而不是CSS属性来控制选框的运行方式。例如:

<marquee direction=down behavior=alternate>Hello world!</marquee>
你好,世界!

但是,WebKit浏览器(Chrome、Safari)存在一个缺陷,即
behavior=alternate
会阻止整个字幕效果。

MDN称,仅供参考:此功能是非标准的,不在标准轨道上。不要在面向Web的生产站点上使用它:它不会适用于所有用户。实现之间也可能存在很大的不兼容性,将来行为可能会改变。@j08691谢谢。这是否意味着我不能使用CSS,但我可以使用字幕标记属性,还是这也是一个非标准功能?本质上,这是一个警告,不要使用字幕标记。你可以使用CSS
动画
,就像这样,我不得不承认字幕标记在某些情况下非常方便,但因为它不是标准的,我们应该避免使用它。谢谢,但是你提到的错误将是一个痛苦。