为了账号安全，请及时绑定邮箱和手机立即绑定

课程

/前端开发

/HTML/CSS

/带你走入前端动画的世界

insertRule()规则无法注入

动画不会动，报错Failed to execute 'insertRule' on 'CSSStyleSheet': Cannot access StyleSheet to insertRule

慕妹7196192

2019-11-07

源自：带你走入前端动画的世界  4-2

关注问题 我要回答
2745
操作
收起

正在回答

2 回答

x偏爱_南半球o
2020-08-03

insertRule 规则无法注入的 我是这样解决的：

var style = document.styleSheets[0];
style.insertRule(`@keyframes run {100%{transform:translateX(-${contentWidth}px);}} `)
把这个删了，在marquee.css里面把动画帧加上就得了：
@keyframes run {
    100%{
        transform:translateX(-2400px);//括号里就是图片宽度*张数
    }
}


0 回复 有任何疑惑可以回复我~
收起回答
#1

qq_慕后端2299146

回答很棒，下次不要答了
2022-01-20 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
带你走入前端动画的世界
  • 参与学习       29787    人
  • 解答问题       65    个

学习css3动画，并结合实际项目向大家展示应用技巧，使大家快速入门。

进入课程

本课相似问答

3 回答insertRule无法注入的问题

2 回答Uncaught DOMException: Failed to execute 'insertRule' on 'CSSStyleSheet': Cannot access StyleSheet to insertRule

3 回答Uncaught DOMException: Failed to execute 'insertRule' on 'CSSStyleSheet': Cannot access StyleSheet to insertRule at HTMLDocument.<anonymous>

1 回答无法找到css？

1 回答无法实现轮播
搜索更多本课相关问答

insertRule()规则无法注入

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信