CSS 제목 질문

Question

정기적으로 사용하는 사이트의 CSS를 사용자 정의하고 싶습니다.

제 질문은 요소의 제목 태그 (아래)와 관련이 있습니다.

<span title="42%" class="progress"><span style="width: 42%;" class="indicator"> 
</span></span> 

이 제목 태그 (이 경우 42 %지만 동적으로 변경)를 가져 와서 CSS를 사용하여 텍스트로 표시하고 싶습니다.

까다로운 부분은 분명히이 단위가 동적으로 변경된다는 사실에서 비롯됩니다.

CSS를 사용하여 '제목으로 유닛 표시'를 '텍스트로'말할 수있는 방법이 있습니까?

미리 감사드립니다.

톰 퍼킨스는

Answer 1

.progress:after { 
    content: attr(title); 
} 

이 this jsFiddle example을 참조 : 기존 텍스트/요소와 함께 대신 맞춤 디자인 도구 설명과 title 속성을 표시, 일부 브라우저는 CSS attr() 기능을 지원합니다.

Answer 2

으로 여기 말했다

http://groups.google.com/group/css-design/browse_thread/thread/3c3194dd0a3c7898

"툴팁과 같은 제목의 프리젠 테이션이 브라우저의 기능과 HTML 또는 CCS에 의해 제어되지 않습니다."

해당 링크를 따라 가면서 해당 수정 사항을 볼 수 있습니다.