javascript – Chrome上的CSS div背景色错误？

发布时间：2020-12-14 22:59:31 所属栏目：资源来源：网络整理

导读：我在Chrome浏览器中设置div的背景时遇到问题.如果你看到,我有一个小的浅灰色盒子,我没有实现并给出风格.它随机出现,并根据需要移动和重塑.它不会发生在Safari或Firefox上,我无法理解为什么或如何解决它. 我的问题很奇怪.我有以下代码： div className="row c

我在Chrome浏览器中设置div的背景时遇到问题.如果你看到,我有一个小的浅灰色盒子,我没有实现并给出风格.它随机出现,并根据需要移动和重塑.它不会发生在Safari或Firefox上,我无法理解为什么或如何解决它.

我的问题很奇怪.我有以下代码：

div className="row competition">


编辑(CSS类)：

.col-lg-6.register-answer {
    background-color: #adadad;
    .compet-content {
        width: 100%;
        height: 100%;
        input {

        }
        button {

        }
    }
}

我在’register-answer’类上设置了背景色,但是我尝试了每个div,问题总是一样的(它只发生在chrome上).
我还有一个屏幕录音供你查看：https://drive.google.com/file/d/0B9yzCbrCAKvKRVE3VmNJNmhqLVk/view?usp=sharing


最佳答案
我也有这个问题,发现这个：http://www.parallaxinfotech.com/blog/addressing-css-artifacts-left-screen-chrome
尝试了解决方案…… -webkit-transform：translate3d(0,0);在规则中我指定背景颜色(身体,在我的情况下)和工作.仍在寻找更好的解决方案.
更新：看起来这是一个Chromium bug.如果你想为所有访问者解决它,上面的黑客似乎工作.如果你想只为你解决它,你可以去chrome：// flags / #enable-gpu-rasterization并启用GPU光栅化.我想这个bug很快就会被Chrome团队修复,所以我决定不使用黑客.
                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!