css遇到的一些问题

border-radius无效 http://makaiqian.com/bug-border-radius/

-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
-webkit-transform: translateZ(0);
transform: translateY(0);
-webkit-transform:rotate(0deg);

img 标签引起的缝隙

Q：其实如图片文字等内联元素，它默认对齐方式都是和它的父级的 baseline 去进行对齐的，但是你对齐的是 baseline，撑开高度的却是元素整体的高度（bottom line），这样肯定就会造成一定的间隙，也就是我们上文出现的问题了。

A： 解决方案如下：

1. 是因为baseline的原因，可以设置vertical-align:middle;
2. 设置display;block;
3. 使用浮动float
4. 设置font-size:0;

来源：https://www.cnblogs.com/lin00/p/11358314.html