为什么Chrome在SVG之上显示白色窗帘?

时间:2017-10-09 14:03:40

标签: android google-chrome svg

在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,因此这里是您手机的网址:http://kkdevs.com/svgtest.html

截图显示该页面: enter image description here

为什么前两个图像被某些东西覆盖?我怎样才能取下窗帘?

1 个答案:

答案 0 :(得分:0)

看起来这是Chrome 61中的一个错误。它似乎已被发现并修复,因为它不在Chrome Canary(63)中。虽然我还没能找到错误号码。