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

Question

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

P粉191323236 · Answer

SVG를 문서로 생각해보세요. SVG src 코드 대신 中时，您无法编辑该框架中的 CSS。当您将其作为 img가 포함된 HTML 파일을 포함하면 src 문서에서 직접 이미지를 가져옵니다.

그러나 CSS 过滤器 a>를 사용하면 브라우저에서 바로 여러 가지 멋진 Photoshop 스타일 효과를 적용할 수 있습니다.

으아악 으아악