内联悬停在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

回答

相关问题