난 그냥 pseudo elements :: before와 :: after를 사용하여 CSS를 사용하여 말풍선을 만들려고합니다. Chrome에서는 나에게 잘 보이지만 Firefox에서 삼각형의 윤곽이 엉망으로 보입니다. 아무도 이것을 일으키는 원인을 알 수 있습니까? 나는 FF 9.0.1와 파이어 폭스에서 크롬 16을 사용하고 http://jsfiddle.n
CSS3 의사 요소 selection이 강조 표시의 모든 부분을 변경하지 않는 이유는 무엇입니까? 당신은 내가 페이지의 일부를 선택한 스크린 샷에서 볼 수 있으며, 선택의 부분이 기본 밝은 파란색 색깔로 : 이것은 내가 사용하고있어 CSS는 , 그것은에있다 내 CSS 파일 상단 : ::selection { background: #3B3B3B; color:
사용자 정의 웹 컨트롤의 스타일에 문제가 있습니다. 미래의 프로젝트에서 사용할 멋진 단추 컨트롤을 만들려고합니다. 나는 folowing html이있는 HTML 파일을 만들어서 시작했다. <a class="button">Home</a> 그리고 CSS : .button:before{
...
}
이 파일은 잘 작동은 CSS는 제대로 감사 사용 : 내 CS
가상 선택기 (:after)를 특성 선택기 ([title])와 결합하려면 어떻게해야합니까? div[title]:after을 사용해 보았지만 Chrome에서는 작동하지 않습니다. HTML : <div title="foo">This div has a title.</div>
<div>This div does not have a title.</div>
CSS
CSS에 정의 된 en 요소의 위치가 동적으로 변경되었습니다 (:after). 나는 이런 식으로 변경하려고 : $(function(){
$('div::after').css({'top':'20px'})
})
을하지만 그것은 작동하지 않습니다. 위치를 바꿀 수있는 방법이 있습니까?
을 위해 : 당신이있는 현재 항목을 식별하기 전에 그러나 의사 요소는 IE6/7에서 지원되지 않습니다. 누군가가 IE6/7에서 일하는 의사 요소를 가지고 대체 솔루션을 생각할 수있는 경우 궁금. http://jsfiddle.net/Qcwta/ 자바 스크립트 솔루션뿐만 아니라 허용 : 여기처럼 내 페이지가 어떻게 표시되는지를 보여줍니다.