html/css: png 在切出的边界上失去透明度（仅在浏览器中）
html/css: png losing transparency on border of a cut out(in browser only)
编辑：
似乎是 mac/chrome 相关问题，在 win/chrome、mac/safari、mac/firefox
上工作正常
http://jsbin.com/bezibu/1/edit?html,css,output
您可以在浏览器中看到切出的内部有一个白色边框。
特写：
在 photoshop 中也是一样，没有白边
特写：
知道为什么会发生这种情况以及如何预防吗？
无论是作为背景图片还是 <img> 似乎都不重要..
所以这个问题只发生在视网膜式显示器上。解决方案是将 PNG 的大小加倍并使用 background-size.
编辑：
似乎是 mac/chrome 相关问题，在 win/chrome、mac/safari、mac/firefox
上工作正常http://jsbin.com/bezibu/1/edit?html,css,output
您可以在浏览器中看到切出的内部有一个白色边框。
特写：
在 photoshop 中也是一样，没有白边
特写：
知道为什么会发生这种情况以及如何预防吗？
无论是作为背景图片还是 <img> 似乎都不重要..
所以这个问题只发生在视网膜式显示器上。解决方案是将 PNG 的大小加倍并使用 background-size.