我有一个看起来像这样的文本的要求:
顶部阴影:2px,#000,75%
这意味着什么?那只是一个text-shadow
?75%是什么意思?
顶部阴影,如本文所述,使用 CSS3box-shadow
和:before
伪选择器通过定位body
元素在浏览器栏下添加阴影。
top-shadow
CSS中没有关于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)
= #000
75% 不透明度
更新: @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;
}