-1

img hoverトップバナーに特別に追加したいのですが、他の画像はありません。これを可能にするコードはありますか？返信ありがとうございます。

<HTML><HEAD>
<TITLE>Cascade Studios™&lt;/TITLE>
<style>
body
{
background-image:url('http://icpy.webs.com/boxes/background.png');
background-repeat:repeat-y
position:center;
}
img {
    opacity: 1.0;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
}
img:hover {
    opacity: 0.5;
    transition: opacity .55s ease-in-out;
    -moz-transition: opacity .55s ease-in-out;
    -webkit-transition: opacity .55s ease-in-out;
}
</style>
</HEAD>
<BODY>

<center>
<img src="http://icpy.webs.com/boxes/cascade.png"/><br>
<div id="main_box" style="position:absolute; left:120px; top:190px; z-index:1;"> 
<img src="http://icpy.webs.com/boxes/left.png" name="inlineframe" border="0" marginwidth="0" marginheight="0" frameborder="0" allowtransparency="true"/></div> 


</BODY>
</HTML>
4

3 に答える 3

0

以下に示すように、上部のバナー画像に id を指定し、それに :hover 疑似クラスを適用できます。

img#top_banner:hover {
//hover styles comes here
}
于 2013-07-29T05:55:20.900 に答える