0

このコードを使用して、ウィンドウの上部に影を適用できます: http://jsbin.com/awedir/1/edit

でも一番下が欲しい。では、どうすればこれを達成できますか？

body:before 
{ 
   content: "";
   position: fixed;
   top: -10px;
   left: 0;
   width: 100%;
   height: 10px;
   z-index: 100;
   -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   }
4

3 に答える 3

1 
body{
     border:3px; 
     box-shadow:0px 10px 8px rgba(0,0,0,8); 
     position:fixed; 
     width:100;
     margin-left:0px;
     margin-right:0px;
     margin-top:0px;
     margin-bottom:0px;
     }
于 2013-06-24T09:01:41.317 に答える
1

上から下に変更します。

これが box-shadow です。

box-shadow: 水平垂直ぼかし拡散色

box-shadow: 0px(横) 0px(縦) 10px(ぼかし) 10px(広がり) rgba(0,0,0,.8)(色)

だからあなたがしたいのは、影の方向を変えることです。垂直にマイナスを与えることで、それは vorm の上になります。このようなもの：box-shadow: 0px -10px 10px rgba(0,0,0,.8);

于 2013-06-24T03:36:04.867 に答える