제목 태그가 중복 되었습니까?

안녕하세요, 제목 태그를 작동 시키려하고 있습니다.하지만 브라우저에서 두 번 스타일을 지정하고 프리셋 하나를 올리는 중입니다.제목 태그가 중복 되었습니까?

어떤 아이디어가 있습니까? 여기 내 코드가

감사합니다.

<a href="contact.php" class="test" title="CONTACT US!"></a> 

a[title]:hover:after { 
    content: attr(title); 
    padding: 4px 8px; 
    color: #333; 
    position: absolute; 
    right:23%; 
    top: 70%; 
    white-space: nowrap; 
    /*z-index: 20px;*/ 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px; 
    -moz-box-shadow: 0px 0px 4px #222; 
    -webkit-box-shadow: 0px 0px 4px #222; 
    box-shadow: 0px 0px 4px #222; 
}

출처

2012-02-09 Martin Palmer

중요한 것은 주목할 점은 ** 태그 **가 아니라 ** 속성 **이므로 - 스타일을 지정할 수없는 이유입니다. @ Guffa는 아주 좋은 대답을 가지고 있습니다. –

제목이 아닌 요소이므로 제목을 지정할 수 없기 때문에 가능합니다.

각 브라우저

코드가 무엇

가 추가 콘텐츠를 만드는 것입니다 ... 그것을 표시하거나 완전히 다른 무언가를하지, 호버에 표시 할 수 있습니다, 자신의 방식에 title 속성을 처리 보여 주며, 브라우저가 정상적으로 제목을 사용하는 것을 멈추지 않습니다.

브라우저에 제목을 표시하지 않으려면 title 속성을 사용하지 마십시오. 브라우저에 표시되지 않는 다른 속성을 사용하십시오.

출처

2012-02-09 11:49:33 Guffa

Css3으로 스타일을 지정할 수 있습니까? –

@MartinPalmer가 Guffa의 제안을 따르고 다른 속성을 사용하려면 다음 예제를 확인하십시오. http://jsfiddle.net/csXQV/ – jackJoe

@MartinPalmer : 아니요. 브라우저가 제목을 표시하는 방법은 여전히 표준화되지 않았으며 스타일을 지정할 수있는 요소가 없습니다. http://www.w3.org/TR/html5/elements.html#the-title-attribute – Guffa

제목 태그가 중복 되었습니까?

답변

관련 문제