Question

是否有一些技巧可以通过它的父元素BG使元素透明，并显示身体BG。

示例：

<body style="background: url(galaxy.jpg)">
<div style="background: black;">
<a href="#" style="background:super-transparent;">Click Me!</a>
</div>
</body>

即使它的父元素有黑色背景，它仍会显示到身体背景。这可能吗？

Answer 1

您可以将类添加到必须透明的所有元素

    <a href="#" class="super-transparent">Click Me!</a>

然后你可以导入JQuery并添加这段代码：

$(".super-transparent").css("background", $("body").css("background-image")).each(function(index, element) {
    var position = $(this).position();
    $(this).css("background-position", "-"+position.left+"px "+"-"+position.top+"px");
});
});

JSFiddle：https://jsfiddle.net/35bLdtvj/4/

通过多个父元素使元素透明化？

1 个答案: