2012-06-14 54 views
1

我得到了文本的要求,看起来像这样:什么是文字的顶部阴影?

顶部阴影:2px的,#000,75%

这是什么意思?那只是一个text-shadow? 75%是什么意思?

+1

75%=阴影的透明度。 2px =阴影的思考。 #000 =黑色 - 阴影的颜色。 – Lowkase

+0

http://css-tricks.com/snippets/css/top-shadow/ – xandercoded

+1

这可能是最好问问给你的要求,不是吗?其他一切都是猜测,大部分时间都是昂贵的,可能会导致错误的解决方案。软件开发中最大的问题之一是,出于某种原因,人们往往会猜测而不是仅仅彼此交谈。 –

回答

0

这是无效的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; 
} 
2

顶部阴影,如在本post所描述的,使用CSS3的box-shadow:before伪选择器通过靶向body元素添加下浏览器棒的阴影。

CSS中没有top-shadow属性,关于Top shadow: 2px, #000, 75%位。然而有text-shadow & box-shadow

+1

+1找到这个,但是一个神秘的名字! – Luca

+0

@Luca Yeap,这只是一个给这项技术的名字。 – xandercoded

+0

也可以为OP添加'box-shadow'示例:'box-shadow:0 2px 2px rgba(0,0,0,.75);' –