«hover» 태그된 질문

Chrome:hover 에서 가리키고있는 앵커 의 스타일 을보고 싶습니다 . 에서 방화범 , 나를 요소에 대해 서로 다른 상태를 선택할 수있는 스타일 드롭 다운이있다. Chrome에서 비슷한 것을 찾을 수없는 것 같습니다. 뭔가 빠졌습니까?

855 css  google-chrome  hover  state  google-chrome-devtools 

내가하고 싶은 것은 특정 항목 div을 가리키면 다른 속성에 영향을 미칩니다 div. 예를 들어,에서 이 JSFiddle 데모 , 때를 가져가 위로 #cube가 변경 background-color하지만 내가 원하는 것은 내가 가져가 이상 할 때이다 #container, #cube영향을 받는다. div { outline: 1px solid red; } #container { width: 200px; height: 30px; } #cube …

459 html  css  hover 

stackoverflow에서 사용자의 평판을 가리키면 텍스트가 표시됩니다. 나는 이것을 여러 곳에서 보았고 소스 코드는 js없이 수행 할 수 있다고 알려줍니다. 그리고 나는 이것 만 시도했다. <div="text">hover me</div>

262 html  hover 

HTML 목록과 CSS를 사용하여 가로 메뉴를 만들었습니다. 링크 위로 마우스를 가져갈 때를 제외하고는 모든 것이 제대로 작동합니다. 보시다시피, 링크에 굵은 호버 상태를 만들었습니다. 이제 굵은 크기의 차이로 인해 메뉴 링크가 바뀝니다. 이 SitePoint 게시물 과 동일한 문제가 발생합니다 . 그러나 게시물에는 적절한 해결책이 없습니다. 나는 모든 곳에서 해결책을 찾았지만 찾을 …

204 html  css  hover  text-size 

새로운 Angular2 프레임 워크에서 누구나 이벤트처럼 호버링을 수행하는 적절한 방법을 알고 있습니까? 에서 Angular1 이 있었다 ng-Mouseover, 그러나 그것은 이월 된 것으로 보이지 않는다. 나는 문서를 살펴 보았지만 아무것도 찾지 못했습니다.

198 javascript  angular  events  hover 

가리키면 CSS 전환 효과가 div를 이동시키는 CSS가 있습니다. 예제에서 볼 수 있듯이 문제는 translate전환이 div의 이미지를 1px 아래 / 오른쪽으로 움직이고 (아마도 약간 크기가 조정될 수 있습니까?) 부작용이 발생하여 제자리에 나타나지 않고 초점없는... 글리치는 호버 효과가 적용되는 전체 시간 동안 적용되는 것으로 보이며 시행 착오 과정에서 변환 전환이 div를 이동할 …

150 css  image  hover  positioning  translate-animation 

항상 표시되는 이전 및 다음 버튼으로 회전식 메뉴를 만들었습니다. 이 버튼은 호버 상태이며 파란색으로 바뀝니다. iPad와 같은 터치 장치에서는 호버 상태가 고정되어 있으므로 버튼을 탭한 후에도 파란색으로 유지됩니다. 나는 그것을 원하지 않습니다. 각 버튼에 no-hover클래스 ontouchend를 추가하고 CSS를 다음과 같이 만들 수는 button:not(.no-hover):hover { background-color: blue; }있지만 성능에 좋지 않을 …

144 javascript  css  hover  touch 

:hover사용자가 터치 장치를 통해 웹 사이트를 방문하면 모든 CSS 선언 을 무시하고 싶습니다 . 때문에 :hoverCSS를 이해하고,하지 않는 요소가 포커스를 잃을 때까지 클릭 / 탭에 태블릿 트리거는 다음 스틱 수 있기 때문에 경우에도 방해 할 수있다. 솔직히 말해서, 터치 장치가 왜 :hover처음 부터 트리거해야한다고 생각하는지 모르겠습니다. 그러나 이것이 현실이므로이 문제도 …

141 html  css  hover  touch 

http://www.clearleft.com 과 같은 많은 사이트 에서 링크를 가리키면 기본 동작 인 즉시 전환하는 것과 달리 다른 색상으로 페이드 인됩니다. JavaScript를 사용 하여이 효과를내는 것으로 가정합니다. 아는 사람이 있습니까?

134 css  hover  fade  effect 

jquery 마우스 이벤트를 사용하는 몇 번 전에 구축 한 웹 사이트가 있습니다. 방금 ipad를 받았는데 모든 마우스 오버 이벤트가 클릭으로 번역된다는 것을 알았습니다 ... 그래서 예를 들어 하나가 아닌 두 번의 클릭을해야합니다 .. (실제 클릭보다 첫 번째 마우스 오버) 이 문제를 해결할 준비가 된 해결 방법이 있습니까? 아마도 jquery 명령이 …

125 jquery  ipad  hover  mouseover 

다음과 같은 HTML을 사용합니다. <p>Some Text</p> 다음과 같은 CSS : p { color:black; } p:hover { color:red; } 터치 지원 장치에서 길게 터치하여 호버를 복제하려면 어떻게해야합니까? 마크 업을 변경하거나 JS 등을 사용할 수 있지만이 작업을 수행하는 쉬운 방법을 생각할 수 없습니다.

120 javascript  html  css  hover  touch 

CSS :hover 만 사용 하는 것과 반대로 할 수있는 방법이 있습니까? 에서와 같이 : if :hoveris on Mouse Enter,에 상응하는 CSS가 on Mouse Leave있습니까? 예: 목록 항목을 사용하는 HTML 메뉴가 있습니다. 항목 중 하나를 가리키면에서 #999까지 의 CSS 색상 애니메이션이 있습니다 black. 어떻게 그 반대의 효과를 만들 수 있습니다 때부터 …

115 css  hover 

저는 데스크톱과 태블릿 모두에서 사용되는 웹 사이트를 작성하고 있습니다. 데스크톱에서 방문 할 때 화면의 클릭 가능한 영역이 :hover효과 (다른 배경색 등) 로 밝게 표시되기를 원합니다 . 태블릿을 사용하면 마우스가 없으므로 호버 효과를 원하지 않습니다. 문제는 내가 태블릿에서 무언가를 탭할 때 브라우저에 분명히 내가 탭한 위치로 이동 한 다음 그대로 두는 …

113 javascript  hover  touch 

Chrome의 개발자 도구를 통해 사이트에서 툴팁이 어떻게 구성되는지 보려고합니다. 그러나 항목 위로 마우스를 가져가도 "요소 검사"를 수행하면 html의 도구 설명에 대해 아무것도 표시되지 않습니다. 스타일을로 설정할 수 :hover있지만 여전히 툴팁의 html 또는 css를 볼 수 없습니다. 어떤 아이디어?

106 html  css  hover  google-chrome-devtools 

나는 많은 농구 팀과 함께 사이드 네비게이션을 가지고 있습니다. 그래서 팀 중 하나를 가리키면 각 팀마다 다른 것을 표시하고 싶습니다. 또한 Reactjs를 사용하고 있으므로 변수가 있으면 다른 구성 요소에 전달할 수 있습니다.

101 hover  reactjs