Q

콘텐츠 : attr(); IE 10에서 작동하지 않습니다.

2013-03-18 2 views 0 likes

0

어떤 이유인지, IE는 아래 내용으로 attr (data-title) 내용을 가져 오지 않습니다. FF와 Chrome에서 작동합니다.콘텐츠 : attr(); IE 10에서 작동하지 않습니다.

해결 방법?

<a href="#" class="nav-roll"> 
      <span data-title="About">About</span> 
     </a> 


    .nav-roll span:after { 
    background: none repeat scroll 0 0 #0198cd; 
    color: #FFF; 
    content: attr(data-title); 
    display: block; 
    padding: 0 2px; 
    position: absolute; 
    left: 0; 
    top: 0; 
}

2013-03-18 user2184043

+0

무엇이 문제입니까? – user123444555621

+0

편집 됨, 죄송합니다 .. – user2184043

A

답변

0

당신은 쿼크 모드로 IE를 강제로 HTML 파일의 상단에 <!DOCTYPE html>을 추가하지 않았습니다. IEQuirks는 :after을 전혀 지원하지 않습니다.

2013-03-18 21:07:22

+0

은 default.html – user2184043

+0

에 포함되어 있습니다. 'X-UA 호환'메타 태그 또는 HTTP 헤더가 있습니까? 브라우저가 호환 모드로 설정되어 있습니까? ' '앞에 내용이 있습니까? 의견이 없어도 무방합니까? –

+0

이 이상 아무것도 내 메타 태그 – user2184043

0

방금 비슷한 문제가 있었지만 앵커가 아닌 <button> 요소가있었습니다. 그것이 결국 attr(data-*)과 관련이 없다는 것을 알았습니다. 나를위한 해결책은 버튼 자체에 overflow: visible을 추가하는 것이 었습니다.

앞으로 도움이 될만한 사람을 위해이 글을 남겨주세요.

2015-10-23 10:18:52 quagliero

관련 문제