径向渐变意外webkit / chrome behaivor(全区域)

时间:2016-10-20 15:37:30

标签: css css3 google-chrome webkit radial-gradients

如果有一个简单的径向渐变:( 200px square div内50px) 它应该是这样的:

enter image description here

这是现代浏览器的代码。

#circle {
  width: 200px;
  height: 200px;
  background-color: #ccc;
  background-image: radial-gradient(50px at 50% 50%, black 99%, transparent 0); 
  background-repeat: no-repeat;
}

#circle:hover {
  background-image: radial-gradient(50px at 50% 50%, black 99.7%, transparent 0); 
}
<div id="circle">

现在问题:

如果将渐变(关闭)内的99%颜色停止值增加到100以上,则整个div在chrome 53中变为黑色。 Firefox 49和IE 11都很好。 (:将鼠标悬停在div上)

1 个答案:

答案 0 :(得分:0)

这是一个错误,当您使用px值时也会发生同样的事情。

... LIKE '%' + [Table - Item and Company Forecasted Sales].[CUSTOMER NAME] + '%'))