나는 웹 사이트를 구축하고있다. Established User On Stack Overflow.과 같은 기능을 원합니다. 질문에 답변 한 사용자의 사진 위에 웹 사이트 방문자가 마우스를 올려 놓으면 해당 사용자에 대한 모든 세부 정보가 포함 된 새 창 (툴팁/팝업 - 알 수 없음)을 열어야합니다. 새 창 (마우스를 끈 상태)을 벗어나면 숨겨져 야합니다. 부트 스트랩 사용자 정의를 사용하여이 동일한 작업을 수행하는 방법은 무엇입니까?부트 스트랩을 사용하여 커스텀 툴팁 창을 만드는 방법은 무엇입니까?
감사합니다.
당신은 정말 제안으로, 질문을하기 전에 시도한 몇 가지 코드를 게시해야하지만이 :
이 쉽게 CSS로 달성 될 수있다. #wrapper와 #popup의 두 요소가 있다고 가정 해 보겠습니다.
#wrapper는 이미지, #popup 요소를 포함하며 위치는 relative입니다.
#popup은 사용자 데이터가 포함되고 숨겨져 있으며 위치는 절대 및 상단 : 100 %입니다. 이를 통해 다른 위치를 얻을 수 있습니다. http://jsfiddle.net/8f68G/
희망이 :
#wrapper:hover #popup { display:block; }
여기 개념을 보여주기 위해 바이올린처럼 뭔가 팝업을 표시 #wrapper에 조건을 가져 :
당신이 CSS를 설정할 수 #popup의 공개 대상을 만들려면 도움이됩니다.
지금까지 직접 시도한 적이 있습니까? –
나는 내가 원하는 것을 얻었습니다. 이것은 나를 도왔습니다. http://stackoverflow.com/questions/13192515/looking-for-a-mouseover-feature-like-stackoverflow – Dharmraj