이상한 배경색이 텍스트 위로 이동하면 표시됩니다.

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

이 문제는 모든 웹 브라우저에서 발생합니까? 아니면 단지 하나에서 일어나는 것입니까? (즉, 인터넷 익스플로러?)

는 Internet Explorer에서 무슨 일이 일어나고 있다면, 당신은 필터를 방법 사용을 고려할 수 있습니다뿐만 아니라, http://www.workingwith.me.uk/articles/css/cross-browser-drop-shadows

그것에 대해

자세한 정보는 여기에서 찾을 수 있습니다을 : Text Shadow in Internet Explorer?를