어떻게 호버에서 둥근 모서리를 만들 수 있습니까?

나는 wordpress를위한 주제를 만들고있다. 내 탐색 바에 사과 모퉁이가 둥글게 있습니다. 마우스 오버 스타일을 추가하고 싶지만 사과의 탐색 바처럼 둥근 모서리를 가져갈 수는 없습니다. 나는 배경에 큰 이미지를 사용하고 있으며 wordpress 3의 메뉴 시스템을 사용하고 있습니다. 그럼, 어떻게 술집에서 첫 번째 항목과 마지막 항목을 가져갈 수 있습니까? 도와 줘서 고맙다.어떻게 호버에서 둥근 모서리를 만들 수 있습니까?

출처

2011-03-07 Samia Ruponti

어떻게 둥근 모서리를하고있다? – Elliott

배경 이미지의 모서리가 둥글다. –

정말 - 배경 이미지가 더러울 수 있습니다. 모든 둥근 모서리의 장점을 위해 [CSS3Pie] (http://www.css3pie.com/)를 추천합니다. – Spudley

"호버"스타일에 대해 다른 배경 이미지가 있어야합니다.

출처

2011-03-07 13:20:08 Pointy

나는 그것을 알고 그것을 창조했다. 하지만 첫 번째 항목과 마지막 항목에 다른 이미지를 사용하려면 어떻게해야 할 지 모르겠습니다. 나는 WordPress 용 사용자 지정 메뉴를 사용하고 있으므로 첫 번째 항목과 마지막 항목에 대해 다른 CSS 클래스를 어떻게 사용할 수 있는지 알지 못합니다. 감사. –

아 ... 글쎄 ... 당신에게 메뉴 요소에 대한 수업이나 뭔가를주는 WordPress가 있습니까? Firebug 또는 다른 디버거를 사용하여 메뉴 요소를보고 WordPress가 생성하는 것을 확인 했습니까? – Pointy

예, 실제로 WordPress에 ID를 제공합니다. 내가 그것을 사용한다면, 그것을 만들 수 있습니까? –

자바 스크립트를 사용하면 원하는대로 선택하고 변경할 수 있지만 CSS 만 사용하려는 경우 :hover을 모든 버튼 하위 요소의 부모에 적용해야합니다. 그러면 모든 하위 요소를 선택할 수 있습니다. CSS. 그러나 이는 IE의 이전 버전을 제외하고 a 태그 이외의 요소에 대해서는 :hover을 지원하지 않습니다.

예 :

.button:hover { 
    // 
} 
.button:hover .main_section { 
    // change to main section of button on hover 
} 
.button:hover .left_part { 
    // change to left side on hover 
} 
.button:hover .right_part { 
    // change to right side on hover 
}

출처

2011-03-07 13:43:18 jeroen

어떻게 호버에서 둥근 모서리를 만들 수 있습니까?

답변

관련 문제