的CSS重点初学者

我在CSS初学者，已经恨它:(当用户将点击日历之外，我想日历消失的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：悬停：;

{ 可见性隐藏重要！}

但它不工作。

来源

2012-01-27 petko_stankoski

你的头衔无关，与你的问题。 – 2012-01-27 10:08:40

我不认为你想要的只是CSS可能。 – 2012-01-27 10:17:44

首先，我不推荐使用display: none;来隐藏元素，而不是visibility: hidden;。否则，你可能会产生不希望的副作用。

然后，:hover伪类不处理click事件，如果用户（如名称所示）将鼠标悬停在元素上，则它只是活动的。要改变一个元素的外观上的点击，使用jQuery这样的：

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

，并有一个CSS规则是这样的：

.hide { display: none; }

来源

2012-01-27 10:25:46

@Nikosinathi但是这个类不叫RadScheduler – 2012-01-27 10:52:11

你需要用你用来定位你想隐藏的元素的任何标识符替换“RadScheduler”。 – 2012-01-27 20:15:58

的CSS重点初学者

回答

相关问题