我正在尝试获取 Logo 以使用带有剪辑的渐变填充,然后在其后面放置一个文本阴影。然而阴影似乎总是放在上面?
显然我可以在 SVG 等中做到这一点,但出于其他原因我想用 CSS 做到这一点。
我创建了一个 fiddle “http://jsfiddle.net/Mgz6H/”
请帮忙。
提前致谢。
最佳答案
我为深度使用了 z-index 并为阴影创建了绝对 div 元素。 请检查更新的代码 here
CSS
.logo-shadow {
position:absolute;
top:0;
left:0;
text-shadow:3px 3px 3px black;
color:transparent;
z-index:0;
}
HTML
<div id="logo-container">
<div class="logo">
<span>Light</span>
<span id="swap">Meter</span>
<span id="me">.com</span>
</div>
<div class="logo-shadow">
<span>Light</span>
<span id="swap">Meter</span>
<span id="me">.com</span>
</div>
</div>
关于css - 文本阴影不在渐变剪辑背景后面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13267566/