テキストの吹き出しに奇妙な背景色が表示される

Question

これまでにみたことがありますか？何が原因なのか分かりません。

"通常" の状態：

テキスト "ホバー" 状態：

は、ダウンロードテキストの周囲にその小さな輝きを参照してください？

.postRow .post .postThumb { 
    background: #222; 
    display: block; 
    width: 267px; 
    height: 153px; 
    position: relative; 
} 

.postRow .post .cover { 
    background: #222 url(../images/postCover.jpg) no-repeat; 
    box-shadow: inset 0 0 235px rgba(0,0,0,0.9); 
    display: none; 
    width: 267px; 
    height: 153px; 
    position: absolute; 
    top: 0; 
} 

.postRow .post .cover .livePreview a { 
    float: left; 
    color: #e9eff4; 
    text-shadow: 0 1px 0 #000; 
    margin: 65px 0px 65px 51px; 
    -webkit-transition: all 500ms ease-in-out; 
    -moz-transition: all 200ms ease-in-out; 
    -o-transition: all 500ms ease-in-out; 
    -ms-transition: all 500ms ease-in-out; 
    transition: all 500ms ease-in-out; 
} 

.postRow .post .cover .livePreview a:hover { 
    text-shadow: 0 1px 0 #000, 0 1px 7px rgba(255,255,255,0.4); 
} 

.postRow .post .cover .download a { 
    float: left; 
    color: #ff6464; 
    text-shadow: 0 1px 0 #000; 
    margin: 65px 9px 65px 20px; 
    -webkit-transition: all 500ms ease-in-out; 
    -moz-transition: all 200ms ease-in-out; 
    -o-transition: all 500ms ease-in-out; 
    -ms-transition: all 500ms ease-in-out; 
    transition: all 500ms ease-in-out; 
} 

.postRow .post .cover .download a:hover { 
    text-shadow: 0 1px 0 #000, 0 1px 7px rgba(237,105,105,0.6); 
} 

Answer 1

"問題" は、コードの以下のスニペットによって引き起こされる：

.postRow .post .cover .download a:hover { 
    text-shadow: 0 1px 0 #000, 0 1px 7px rgba(237,105,105,0.6); 
} 

私は信じて

は、ここでは、コードです。私が間違っているなら、私を修正してください。

Answer 2

この問題は、すべてのWebブラウザで発生しますか？それとも、ただ一つで起こっているのですか？ （？つまり、Internet Explorerなど）

それがInternet Explorerで起こっている場合は、フィルタ方法使用して検討する必要があります。その詳細については、同様に、ここで見つけることができますhttp://www.workingwith.me.uk/articles/css/cross-browser-drop-shadows

を： Text Shadow in Internet Explorer?