我有一个看起来像这样的文本的要求:
顶部阴影:2px,#000,75%
这意味着什么?那只是一个text-shadow?75%是什么意思?
顶部阴影,如本文所述,使用 CSS3box-shadow和:before伪选择器通过定位body元素在浏览器栏下添加阴影。
top-shadowCSS中没有关于Top shadow: 2px, #000, 75%位的属性。但是有text-shadow& box-shadow。
它无效text-shadow。
可能你需要这样的例子(使用正确的语法):
text-shadow: 0 0 2px rgba(0, 0, 0, .75);
或者
text-shadow: 0 2px 2px rgba(0, 0, 0, .75); /* down shadow */
注意:
rgba(0, 0, 0, .75) = #00075% 不透明度
更新: @Xander发现了您被问及的技术。在其中box-shadow使用 css 生成的内容正在使用:
body:before {
content: '';
position: fixed;
top: -1px;
left: 0;
width: 100%;
height: 1px
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .75);
box-shadow: 0 2px 2px rgba(0, 0, 0, .75);
z-index: 100;
}