chrome和opera中的溢出问题 [英] overflow issue in chrome and opera

问题描述

我有溢出在 0px有问题 height width 新版本中的元素

我的源代码（ jsfiddle ）

在最新的chrome和歌剧（不在firefox和边缘）

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）; 
} 
  

>和 height 到 200px ，一切都很好...

但我无法更改此...

因为我在我的所有网站页面上使用这个代码，如果我改变，也许会损坏所有其他部分

编辑：

ok ...

也许svg过滤器有问题，但我不知道任何关于svg

strong>编辑：

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

 < svg xmlns =http://www.w3.org/2000/svgversion =1.1> 
< defs> 
< filter id =goo> 
< feGaussianBlur in =SourceGraphicstdDeviation =12result =blur/> 
< feColorMatrix in =blurmode =matrixvalues =1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -7result =goo/> 
< feBlend in =SourceGraphicin2 =goo/> 
< / filter> 
< / defs> 
< / svg> 
  

解决方案

/ p>

我报告，它会在新版本中修复

i have a problem with overflow on 0px height width elements in new versions

my source code (jsfiddle)

code worked nice before, but i have this problem in latest chrome and opera (not in firefox and 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);
}

when i change width and height to 200px , everything works nice...

but i can't change this...

because i used this code on all of my website pages and if i change that, maybe it damage all other parts

edit:

when i disable filter by inspect element, everything be ok...

maybe svg filter have a problem but i don't know anything about svg

edit:

i changed svg, it's be better but not enough

<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>

解决方案

it was a bug in google chrome...

i reported that and it will fix in new versions

这篇关于chrome和opera中的溢出问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！