为什么 Chrome 在 SVG 上显示白色窗帘？答案

【问题标题】：Why is Chrome showing a white curtain on top of SVG?为什么 Chrome 在 SVG 上显示白色窗帘？
【发布时间】：2018-03-20 18:38:35
【问题描述】：

在 Android 上的 Chrome 61 上，Chrome 有时会在 SVG 图像顶部显示白色窗帘。我确实有报告说它也发生在 Chrome 桌面上，但我还没有找到显示它的方法。

<html>
<head>
    <meta content="width=device-width, initial-scale=1" name="viewport">
</head>
<body >
    <img src="https://upload.wikimedia.org/wikipedia/en/b/be/Booking.com_logo.svg">
    <img src="https://upload.wikimedia.org/wikipedia/en/b/be/Booking.com_logo.svg">
    <img src="https://upload.wikimedia.org/wikipedia/en/b/be/Booking.com_logo.svg">
    <img src="https://upload.wikimedia.org/wikipedia/en/b/be/Booking.com_logo.svg">
    <img src="https://upload.wikimedia.org/wikipedia/en/b/be/Booking.com_logo.svg">
    <img src="https://upload.wikimedia.org/wikipedia/en/b/be/Booking.com_logo.svg">
    <img src="https://upload.wikimedia.org/wikipedia/en/b/be/Booking.com_logo.svg">
    <img src="https://upload.wikimedia.org/wikipedia/en/b/be/Booking.com_logo.svg">
    <img src="https://upload.wikimedia.org/wikipedia/en/b/be/Booking.com_logo.svg">
    <img src="https://upload.wikimedia.org/wikipedia/en/b/be/Booking.com_logo.svg">
    <img src="https://upload.wikimedia.org/wikipedia/en/b/be/Booking.com_logo.svg">
    <img src="https://upload.wikimedia.org/wikipedia/en/b/be/Booking.com_logo.svg">
</body>
</html>

Here's a live example。 Stackoverflow 不允许我上传 QR-Image，所以这里是你手机的 URL：http://kkdevs.com/svgtest.html

屏幕截图显示了该页面：

为什么前两张图片被什么东西覆盖了？窗帘怎么拆？

【问题讨论】：

标签： android google-chrome svg

【解决方案1】：

看起来这是 Chrome 61 中的一个错误。它似乎已被发现并修复，因为它不在 Chrome Canary (63) 中。虽然我一直无法找到错误编号。

【讨论】：