僅當懸停在其他文字上時，文字纔會顯示

-2

好，所以我必須顯示營業時間。我使用段落作爲開放時間文本。當我在開放時間懸停時，它不會消失，它需要顯示的文本不是中心。我哪裏做錯了？僅當懸停在其他文字上時，文字纔會顯示

HTML：

<div class="heurehover"> 
    <p>Open hours <span class="showmeonhover"> 
         blablablablablablbala </span> 
    </p> 
</div>

CSS：

.showmeonhover { 
    display: none; 
} 
.heurehover:hover .showmeonhover { 
    display: inline-block; 
    text-align:center; 
}

http://jsfiddle.net/rknopy93/

來源

2015-11-07 William Roy

你只想顯示懸停「開放時間」？ –

不，我想在空閒時間懸停時顯示blablablablablablbala。 –

@VirajShah「當我在開放時間懸停時，它不會消失，它需要顯示的文本不是中心。」 –

我想這是你想要什麼：

.showmeonhover { 
 
    display: none; 
 
} 
 

 
.heurehover:hover .showmeonhover { 
 
    display: inline; 
 
} 
 

 
.heurehover:hover .open { 
 
    display: none; 
 
} 
 

 
.heurehover:hover { 
 
    text-align: center; 
 
}

<div class="heurehover"> 
 
    <span class="open"> 
 
     Open hours 
 
    </span> 
 
    <span class="showmeonhover"> 
 
     blablablablablablbala 
 
    </span> 
 
</div>

來源

2015-11-07 11:01:01 TuomasK

只要做到這一點

div.heurehover span.showmeonhover:hover { 
    display:block; 
    text-align:center; 
}

來源

2015-11-07 03:48:55

什麼都不能懸停當它隱藏，所以沒有顯示... – Shikkediel

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>Untitled Document</title> 
<style type="text/css"> 
#showmeonhover { 
    display: none; 
} 


</style> 
<script src="js/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $('#open').hover(function(){ 
     $(this).hide(); 
     $('#showmeonhover').show(); 
    }); 
}); 
</script> 

</head> 

<body> 
<div class="heurehover"> 
         <p id="open">Open hours </p><span id="showmeonhover"> 
         blablablablablablbala </span> 
</div> 
</body> 
</html>

試試這個

來源

2015-11-07 04:21:31

僅當懸停在其他文字上時，文字纔會顯示

回答

相關問題