Question

新版本中的overflow 0px height元素width出现问题

我的源代码（jsfiddle）

之前的代码工作得很好，但我在最新的chrome和opera中遇到了这个问题（不是在firefox和edge中）

的CSS：

.cssload-dots {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    outline: 1px solid red;
    filter: url(#goo);
        -o-filter: url(#goo);
        -ms-filter: url(#goo);
        -webkit-filter: url(#goo);
        -moz-filter: url(#goo);
}

当我将width和height更改为200px时，一切正常......

但我不能改变这个......

因为我在我的所有网站页面上都使用了此代码，如果我更改了该代码，可能会损坏所有其他部分

修改

当我通过inspect元素禁用过滤器时，一切正常......

也许svg过滤器有问题，但我对svg

一无所知

修改

我改变了svg，它更好但不够

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <defs>
    <filter id="goo">
      <feGaussianBlur in="SourceGraphic" stdDeviation="12" result="blur" />
      <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -7" result="goo" />
      <feBlend in="SourceGraphic" in2="goo" />
    </filter>
  </defs>
</svg>

Answer 1

这是Google Chrome中的一个错误...

我报告了它并将修复新版本

chrome和opera中的溢出问题

1 个答案: