chrome dev工具在稳定版本中不显示重复的css属性

时间:2012-08-27 11:43:26

标签: css google-chrome-devtools

在开发时要知道为特定元素实现的所有css属性,但Chrome稳定版本不会这样做, 这里是示例,body元素具有渐变背景,但当然要在所有浏览器上实现这一点

background: -webkit-gradient(radial, center center, 500, center center, 1400, from(transparent), to(rgba(0, 0, 0, 0.6))) white;
background: -webkit-radial-gradient(farthest-side, transparent 90%, rgba(0, 0, 0, 0.2) 150%) white;
background:    -moz-radial-gradient(farthest-side, transparent 90%, rgba(0, 0, 0, 0.2) 150%) white;
background:     -ms-radial-gradient(farthest-side, transparent 90%, rgba(0, 0, 0, 0.2) 150%) white;
background:      -o-radial-gradient(farthest-side, transparent 90%, rgba(0, 0, 0, 0.2) 150%) white;
background: radial-gradient(farthest-side, transparent 90%, rgba(0, 0, 0, 0.2) 150%) white;

喜欢here

所以当你检查chrome stable release中的body元素时,你会得到这个 enter image description here

但是在金丝雀中你得到了这个 enter image description here

那么是否可以使稳定版本显示所有重复属性?

1 个答案:

答案 0 :(得分:0)

嗯,Chrome只是忽略了不针对他的属性......这是正常的。如果您想测试/调试其他属性的代码(使用其他供应商前缀),您应该使用正确的浏览器测试/调试它们:不为此制作chrome dev工具。