Question

在Chrome（Chromium 45）中，可拖动元素的重影图像在白色背景上呈现。如何强制它在透明背景上渲染重影图像，就像Firefox一样？

示例： http://jsfiddle.net/c8p24q6y/
我有一个黑色的背景图像（用黑色表示）。在Chrome中拖动列表项时，重影图像具有难看的白色背景。在Firefox中，重影图像将具有透明背景。

<html>
<head>
    <style>
        body{
            background-color:black;
        }
        ul { list-style-type:none; }
        li *{
            display:inline-block;
            border-radius:10px;
            width:100px;
            height:23px;
            margin-right:8px;
            cursor:move;
        }
        li :first-child{ background-color:red; }
        li :last-child{ background-color:blue; }
    </style>
    <script>
        window.onload = function(){
            var dc = document.getElementById("drag_cont");
            dc.ondragstart = function(e){
                e.dataTransfer.setData("text/plain", "testing");
            };
        }
    </script>
</head>
<body>
    <ul id="drag_cont">
        <li draggable="true">
            <div></div><div></div>
        </li>
        <li draggable="true">
            <div></div><div></div>
        </li>
    </ul>
</body>
</html>

Answer 1

我遇到了同样的问题，但设法通过安装Compton（一个复合管理器）来修复它！这是在使用i3作为WM的Arch Linux上。 https://wiki.archlinux.org/index.php/Compton

HTML5拖放鬼影的透明背景

1 个答案: