Question

直到上个月左右，一切都运行得很好，但是自从chrome或webkit更新之后，如果没有我改变代码中的东西，似乎出现了问题。

我构建了几个潜水并使用webkit css进行了四舍五入，一个月他们不再对chrome进行四舍五入，在safari上运行良好。

.hostpie {
  -webkit-transform:rotate(0deg);
  width:148px;
  height:300px;
  -moz-border-radius:150px;
  -webkit-border-radius:150px;
  border-radius:150px;
  -webkit-border-radius:150px 0 0 150px;
  -webkit-transform-origin:right center;
}

Answer 1

在 CSS属性之前，供应商前缀属性应显示为，因为即使您的较新版本的Chrome支持未加前缀的版本，它也会使用-webkit-border-radius: 150px 0 0 150px;，因为它最后出现。将官方CSS属性设置为last可确保它将由正确支持它的浏览器应用。

同样-webkit-border-radius: 150px;和-webkit-border-radius: 150px 0 0 150px;正在做两件事。后者的目标是左上角和左上角。左下角，而前者则瞄准所有四个角落。我不明白为什么你们两个都有？

尝试更改订单

.hostpie { width:148px; height:300px; -moz-border-radius:150px; -webkit-border-radius:150px 0 0 150px; /* top left -- bottom left */ border-radius:150px; /* CSS Property last */ }

Vendor prefixes and the cascade

webkit没有使用chrome

1 个答案: