자바 스크립트 및 CSS에서 비활성화 된 입력 텍스트 상자에 대한 툴팁 설정

Question

왜 텍스트 상자를 사용할 수 없는지 표시하기 위해 비활성화 된 텍스트 상자 위로 마우스를 가져 가면 툴팁을 표시하려고합니다. 제목 속성 설정은 IE에서 작동하지만 Mozilla Firefox에서는 작동하지 않습니다. 누구든지 JQuery 또는 다른 자바 스크립트 라이브러리를 사용하지 않고도 Javascript 및 CSS의 간단한 솔루션을 알고 있습니까?

Answer 1

제목 속성 툴팁은 비활성화 된 양식 요소에서 작동하지 않습니다. 가장 좋은 방법은 div가 비활성화되었을 때 form 요소를 덮고 div에 제목을 부여하는 것입니다.

같은 것을 수행

<div style="position:relative;"> 
    <textarea>My text area</textarea> 
    <div id="txtAreaCover" style="position:absolute; width:100%; height:100%; color:transparent; opacity:0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=0)'; filter:alpha(opacity=0); top:0;left:0; z-index:1; display:none" title="I am disabled.">You will need text in here or IE will not fill the specified width and height. But since we are using opacity:0 and color transparent, it is not visible.</div> 
</div> 

양식 요소가 표시 될 사업부 번호의 txtAreaCover을 변경하지 않도록 설정하면 : 블록; JS와