內聯懸停在Div

嗨我試圖從數據庫運行一個while循環來顯示一些不同的記錄，但記錄顯示的方式是通過不同的圖像，因此我不能使用標準的CSS來定製它，我在做它通過內嵌的CSS，但是我把它給了它顯示的每個圖像細膩一點，但是不會被用戶顯示器上懸停的新形象，這裏是股利關注內聯懸停在Div

<div id="house_wrapper" style="background-image: url(images/HOUSES/<?php print "$house_name";?>.png); :hover{background-image: url(images/HOUSES/<?php print "$house_name";?>_hover.png)};"></div><!---end house_wrapper--->

線路，這裏是整個while循環的代碼

<div id="house_summary_content"> 

    <?php 
      $query = mysql_query("SELECT * FROM user_houses WHERE user_id='$user_id'"); 

      while($row = mysql_fetch_assoc($query)) : ?> 
<?php extract($row);?> 
<?php $sql_house = mysql_query("SELECT * FROM houses WHERE house_id='$house_id'"); 
$house_array = mysql_fetch_assoc($sql_house); 
$house_name = $house_array['house_name'];?> 
<div id="house_wrapper" style="background-image: url(images/HOUSES/<?php print "$house_name";?>.png); :hover{background-image: url(images/HOUSES/<?php print "$house_name";?>_hover.png)};"></div><!---end house_wrapper---> 


<?php endwhile ?> 

</div><!---end house_summary_content--->

謝謝你們可以給予的任何幫助

來源

2012-06-04 Arken

你有沒有嘗試擺脫括號：懸停事件？內聯樣式通常不需要{} – Justin

嗨，是的，我剛剛嘗試過，但仍然無法工作，感謝您的幫助 – Arken

您不能在內聯樣式中使用'：hover'。 http://stackoverflow.com/questions/1033156/how-to-write-ahover-in-inline-css – dpk2442

你可能通過onmouseover和onmouseout使用javascript嗎？例如：

<div id="house_wrapper" style="background-image: url(http://i.imgur.com/F5iJY.jpg);width:100%;height:400px;" onmouseover="this.style.backgroundImage='url(http://i.imgur.com/YpJyG.jpg)';" onmouseout="this.style.backgroundImage='url(http://i.imgur.com/F5iJY.jpg)';"></div>

演示http://jsfiddle.net/UvPHp/9/

來源

2012-06-04 17:40:08 Brad

試試這個：

HTML/PHP：

<div id="house_summary_content"> 
<?php 
    $query = mysql_query("SELECT * FROM user_houses WHERE user_id='$user_id'"); 

    while($row = mysql_fetch_assoc($query)) : ?> 
<?php extract($row);?> 
<?php $sql_house = mysql_query("SELECT * FROM houses WHERE house_id='$house_id'"); 
$house_array = mysql_fetch_assoc($sql_house); 
$house_name = $house_array['house_name'];?> 
<div id="house_wrapper" style="background-image: url('images/HOUSES/<?php print $house_name;?>.png')"></div><!---end house_wrapper---> 

<?php endwhile ?> 

</div><!---end house_summary_content--->

CSS：

<?php print $house_name; ?>:hover { 
    background-image: url('images/HOUSES/<?php print "$house_name"; ?>_hover.png') 
};

只要在圖片文件名中沒有空格，就應該可以工作。

來源

2012-06-06 05:49:44

內聯懸停在Div

回答

相關問題