CSSボックスの影が下に表示されない

Question

スパンのボックスの影を指定します。影は右に表示されます。影の底を覆うようなものがあります。私はスパンのサイズを変更しようとしましたが、これはしません。私はスタイル仕様でこれを持っています。

#feastsaint:hover span { 
    display:block; 
    width:385px; 
    height:65px; 
    margin-left: 120px; 

    border:1px solid #808080; 
    padding:2px; 
    font-size:11px; 
    border-radius: 5px; 
    box-shadow: 3px 5px 8px #888; 
    -moz-border-radius: 5px; 
    -moz-box-shadow: 3px 5px 8px #888; 
    padding: 5px 5px 5px 15px; 
    background:#CCFFCC; 

    /* border:1px solid #404040; 
    background-color:#FFCCCF; */ 
    color:#404040; 
    white-space: normal; 
    z-index:99; 
} 

何が問題なのですか？

注：ボックスシャドウの画像をアップロードできませんでした。

Answer 1

あなたは本当に試みを言ったことは、そのようなHTMLコードとして、あなたの問題あなたが影響を与えるしようとしてについての詳細情報を投稿する必要があります

span#feastsaint:hover 

Answer 2

へ 変更

#feastsaint:hover span 

はに余裕-下を追加あなたのスパン。

#feastsaint:hover span { 
    .... 
    margin-bottom: 5px; // (play with this a bit till you get the desired effect) 
} 

Answer 3

最近、MacでChromeでいくつかの問題が発生しました。私はちょうどそれが再び働くまで数回Chromeを再起動しなければならなかった。私にとって、ビットマップといくつかのオンライン画像が乱されていました（ベクトルなし）。 Chromeを再起動して正常に機能しているかどうかを確認してください。それ以外の場合は、他の回答が示すようにCSSを修正してください。幸運