2013-03-23 4 views
6

그래서 현재 HTML5 게임용지도 편집기를 개발 중입니다. 그렇게하면서 블록을 만들기 위해 미리보기 이미지가 포함 된 캔버스에 의사 요소를 추가하고 싶습니다. 그러나 실험을하고 succes없이 인터넷 검색을 한 후에는 pseudo 요소를 표시 할 수 없었고 div에 CSS를 적용 해 보았습니다. 그래서 캔버스 요소에 특별한 기능이있는 것 같습니까? http://jsfiddle.net/ZsHGE/캔버스에 의사 요소를 추가 할 수 없습니까?

그래서, 내가 대답을, 유래 여기, 당신에게 모든 아는 사람들을 돌리겠다, 그것은에 의사 요소를 추가하는 것은 불가능 : 여기

는 iv'e 설정 간단한 예입니다 캔버스 요소? (예 : canvasimg 등)

HTML: 
<!-- No visible pseudo candy :(--> 
<canvas class="gimmeSomePseudoCandy" width="50" height="50"> :(</canvas> 

<!-- pseudo candy appears! :) --> 
<div class="gimmeSomePseudoCandy"></div> 

CSS: 
.gimmeSomePseudoCandy:after { content:"Candy"; } 

답변

11

대체 요소 현재 의사 요소와 작동하지 않습니다.

참고. 이 사양은 :before:after의 상호 작용을 replaced elements (예 : HTML의 경우 IMG)으로 완전히 정의하지 않습니다. 이것은 향후 스펙에서보다 자세히 정의 될 것입니다.

Source

관련 문제