我在 DOM 中有一个 html 元素；
<h5 class="white-shadow"> Basic </h5>
它附有以下CSS规则；
.white-shadow{
text-shadow: -1px 0px 5px #ffffff;
}
h5 位于灰色背景的列表元素中。这个想法是添加白色文本阴影以提高可读性。奇怪的是我看不到任何结果。
这是我在浏览器中看到的；
这就是 devtools 向我展示的内容；
但是如果我将背景颜色从白色更改为红色，我就能看到变化。
这是我在浏览器中看到的；
这就是 devtools 向我展示的内容；
我还没有触及文本阴影规则的 alpha 参数。由于某种原因，红色文本阴影颜色可见，而白色文本颜色不可见。
我正在使用 bootstrap3，尽管我不希望它在任何地方阻止白色文本阴影。
为什么我看不到文字周围的白色阴影？我该如何解决？
最佳答案
阴影在 DOM 中，但由于您的 background-color，它不是很明显
see here
我的建议是改变shadow color 或background-color
使用
.white-shadow{
text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}
text-shadow 引用自线程的值:Text border using css (border around text)
关于html - 看穿/不可见的白色文字阴影，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21403784/