2012-06-14 56 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);' –