CSS는

Question

내가 CSS에 초보자이야 이미 사용자가 달력의 바깥 쪽을 클릭 할 때 :(, 나는 달력을 사라지게 할 싫어 초보자 초점을 여기에

달력에 대한 HTML 코드입니다. :

<div id="ctl00_MainContent_EventsCalendar" class="RadScheduler RadScheduler_Default" style="overflow-y:visible;"> 
<div class="rsTopWrap rsOverflowExpand" style="width: 1157px; "> 
<div class="rsHeader"> 
     <div class="rsDatePickerWrapper" style="overflow-x: visible; overflow-y: visible; "> 
      <div id="ctl00_MainContent_EventsCalendar_SelectedDateCalendar_wrapper" style="position: absolute; width: 220px; height: 176px; overflow-x: hidden; overflow-y: hidden; "> 
       <table id="ctl00_MainContent_EventsCalendar_SelectedDateCalendar" summary="Calendar" cellspacing="0" class="RadCalendar RadCalendar_Default rsDatePickerCalendar"> 

내가 시도 :

.RadCalendar_Default .rsHeader a.rsDatePickerCalendar : 가져 :;

{ 가시성을 숨겨 중요한 !}

하지만 작동하지 않습니다.

Answer 1

먼저 visibility: hidden; 대신 display: none;을 사용하여 요소를 숨기는 것이 좋습니다. 그렇지 않으면 원치 않는 부작용이있을 수 있습니다.

그러면 의사 클래스는 click 이벤트를 처리하지 않습니다. 사용자가 (이름에서 알 수 있듯이) 커서로 요소를 가리키면 의사 활동이 활성화됩니다.

$('body').bind('click', function() { 
    $(".RadScheduler", this).addClass("hide"); 
}); 

과 같은 CSS 규칙이 있습니다 : 클릭에 요소의 모양을 변경하려면 다음과 같이 jQuery를 사용

.hide { display: none; }