2012-05-18 2 views
3

asp.net MVC3을 사용하고 있습니다. 과정에 대한 정보가 들어있는 테이블을 표시하고 싶습니다. 이미지에 "정보"라는 필드가 있습니다.Mvc3의 이미지에 툴팁을 표시하려면

<img id="ok" src="../../Images/info.jpg" alt="tooltip"/> 

내가 어떤 추가 플러그인을

할 수있는 사람의 도움을 사용하고자하는 해달라고 : 나는 마우스가

나는이 싶 이미지를 보여주는있어 그 이미지를 촬영할 때 툴팁을 표시하려면 이걸로 나? HTML 태그에

답변

7

사용 title뿐만 아니라 altimg 요소

<img id="ok" src="../../Images/info.jpg" title="This is your tooltip message"/> 
+0

'alt'와'title'은 다른 것들입니다. 이미지를 표시 할 수 없으면 OP는 여전히 이미지에 대체 텍스트가 있기 위해'alt'를 사용해야합니다. 그리고'title'은 모든 최신 브라우저에서 툴팁으로 렌더링되는 추가 정보를 갖는 것입니다. – nemesv

+2

그는 툴팁을 찾고 있는데, 제목은 툴팁으로, 대체 텍스트를 툴팁으로 사용하지 않는 FireFox를 사용할 경우에 둘 다 사용할 수 있습니다. –

+0

@CDSmith 그는 항상 'alt'를 사용해야합니다. 'alt'는 도구 팁, 접근성 속성을위한 것이 아닙니다. 내 대답을 보라. – Curt

4

alt 속성은 이미지가 존재하지 않는 경우 대체 텍스트로 사용된다. 일부 브라우저는 이미지 위로 가져갈 때 툴팁으로 표시하지만 표준이 아닙니다.

title 속성을 사용하면의 이미지를 표시 할 때 툴팁을 표시 할 수 있습니다.

이미지를 사용할 때 항상 alt 속성을 제공해야합니다. 접근성이 가장 좋으며 (화면 판독기는 alt 텍스트를 읽습니다.) 속성이없는 경우 XHTML에 실패합니다.

관련 문제