HTML 마크업에서 SVG를 직접 사용하면 버튼에 역할을 할당하거나 원하는 호버 효과를 얻을 수 없습니다.

두 가지 기능을 수행해야 하는 아이콘이 있는 컨테이너가 있습니다. 버튼처럼 작동합니다(키보드/스크린 리더 등을 통해 액세스 가능). 호버/포커스 시 빨간색으로 전환 마크업에서 SVG를 직접 사용할 때 호버 정지 효과 예상대로 작동하지만 img 태그를 사용할 때처럼 SVG에 버튼 역할을 할당할 수 없습니다: .container{height:500px;width:400px; background-color:lightblue;position:relative;}.favorite

P粉940538947 2023-09-06 20:29:59 0  1  615

여러 요소에 호버 효과를 동적으로 추가

프로그래밍 방식으로 여러 요소에 호버 효과를 추가할 수 있나요? 단일 단위를 나타내는 여러 요소가 있는(그러나 다른 이유로 여러 요소로 분리해야 하는) 시스템에서는 경우에 따라 마우스를 올리면 함께 색상이 다시 지정되어야 합니다. 프로그래밍 방식으로 여러 요소에 호버 효과를 추가할 수 있나요? 아니면 이것이 좋은 습관입니까? my_own_css_class를 사용하여 마우스를 올리면 모든 요소에 추가하여 이 문제를 해결할 수 있었습니다. 하지만 프로그래밍 방식으로 호버 효과를 만들면 나에게 도움이 될 것 같습니다.

P粉203792468 2023-08-15 23:49:58 0  1  527

vue 및 vuetify 구성 요소에 대한 마우스 오버 효과

그래서 다음 문서의 예에 표시된 대로 마우스 오버 효과를 재현하려고 했습니다. https://blog.prototypr.io/stunning-hover- effects-with-css-variables-f855e7b95330 하지만 제 경우에는 Vue를 사용하고 싶습니다. .js를 사용하여 vuetify 라이브러리의 v-card에 호버 효과를 적용합니다. 이것이 나의 시도입니다: https://codepen.io/pokepim/pen/NWdwOEq

P粉032649413 2024-03-27 16:31:16 0  1  463

Rails Javascript - Rails 7을 사용하면 jQuery를 Javascript로 변환할 수 없습니다.

Turbo/Hotwire가 포함된 Rails7. 2018년의 이전 프로젝트에서 복사한 코드를 재사용하고 있습니다. 이 코드/jQuery는 정보 팝업용입니다: $(document).ready(function(){$('#info').hover(function(){$('#popup').show();},function (){$('#popup').hide();});});자바스크립트를 다시 작성한 후(맞나요?) 이게 저입니다

P粉436688931 2024-01-16 22:01:23 0  1  548

javascript - 왼쪽 탐색 크기를 조정하는 방법

버튼을 클릭하면 다음과 같이 됩니다: 플러그인을 사용하여 수행되었습니까? 네이티브를 사용하는 경우 호버 효과는 무엇입니까?

三叔 2017-06-30 09:59:54 0  1  847

javascript - 스크롤 막대가 호버 팝업 레이어를 덮고 있습니까?

스크롤바를 추가한 후 스크롤바가 오른쪽 팝업 레이어를 덮어 보이지 않게 됩니다. 스크롤바를 제거하면 내용을 볼 수 있습니다. 이 문제는 어떻게 해결되어야 할까요? (팝업 레이어가 보입니다.) 해결 방법을 알려주세요. 스크롤바를 추가해야 하는데 추가 후 팝업이 안 뜹니다.. .

曾经蜡笔没有小新 2017-05-19 10:47:52 0  4  847

네비게이션 바 호버 효과 구현 방법

저는 수직 네비게이션 바 작업을 하고 있습니다. 해당 아이콘의 이름이 오른쪽에 표시되어야 합니다. 마우스가 아이콘 위에 있을 때 이름도 흰색에서 검은색으로 바뀌어야 하는데 작동하지 않습니다. 도움이 되는지 알아보기 위해 태그를 변경해 보았습니다. 또한 HTML의 태그를 변경하고 CSS의 태그를 변경하여 태그가 작동하도록 했습니다. 내 문제에 대한 해결책을 찾기 위해 이 사이트를 찾았습니다. 내 네비게이션 바를 작동시킬 수 없습니다. 여기에 코드를 넣는 방법을 알 수 없습니다. 도움이 될 수 있다면 메시지를 통해 코드를 보내 드리겠습...

P粉041758700 2024-01-10 18:06:56 0  1  461

javascript - JS에서 팝업 창을 원활하게 전환하는 방법은 무엇입니까?

예를 들어, 페이지를 클릭하면 팝업창이 뜹니다. 팝업창에 있는 내용은 버튼이 있고, 클릭하면 대화상자가 뜹니다. 팝업 효과가 있지만 부드럽게 전환되는 방법은 무엇입니까?

世界只因有你 2017-05-18 10:56:53 0  7  719

메뉴 항목 호버 효과가 전체 페이지 높이를 덮습니다.

저는 왼쪽 네비게이션을 개발 중입니다. 마우스를 올리면 메뉴 항목 앞에 빨간색 막대가 나타나도록 하고 싶습니다. 이는 "홈" 항목과 해당 하위 항목에 대해 작동하지만 다른 루트 항목으로 인해 마우스를 올리면 빨간색 막대가 페이지의 전체 너비를 위에서 아래로 확장하게 됩니다. $(document).foundation();.vertical.dropdown.menu[href]>i{display:block;}.vertical.dropdown.menu[href]{display:block;text-ali

P粉029327711 2024-02-04 00:36:46 0  2  383

내 Bootstrap 5 팝업이 원래 있던 모달을 닫았다가 다시 연 후 포커스를 여는 기능을 잃는 이유는 무엇입니까?

Bootstrap5 모달과 그 위에 팝업이 표시되는 데 문제가 있습니다. 내 HTML에는 다음이 있으며 사용자가 버튼 위에 마우스를 올리면 올바르게 표시됩니다. 팝업에는 "정말입니까?"라는 메시지가 표시되고 사용자에게 계속하려면 버튼(호버)을 클릭하라는 메시지가 표시됩니다. 버튼을 클릭하면 포커스가 설정되고 다시 클릭하거나 요소에서 멀리 클릭할 때까지 팝업이 열린 상태로 유지됩니다. 이렇게 하면 마우스 포인터가 팝업 창 내용에 들어가고 "계속" 버튼을 클릭할 수 있습니다. 이것이 내가 원하는 것입...

P粉022501495 2024-03-28 23:27:50 0  1  434

Vuetify 2에서 v-checkbox의 호버 효과 비활성화

Vuetify2에서 v-체크박스 위로 마우스를 가져가면 체크박스 뒤에 흐린 원이 나타납니다. 나타나지 않았으면 좋겠습니다. 현재 내 v-checkbox는 v-tab과 v-tooltip으로 둘러싸여 있습니다. 그것이 중요한지는 의심스럽지만 가능합니다. <v-tabv-for="tabinmyTabList":key="tab"><span>{{$t(tab)}}</span&g

P粉826429907 2023-09-03 20:25:54 0  1  602