Html imave上的图像(图像悬停)
HTML: 现在我想要这个图像: 当用户将鼠标悬停在我的主图像上时,将鼠标悬停。。我不想。。这张图片取代了我的主图片,只是出现在上面 在此图像上:Html imave上的图像(图像悬停),html,css,image,Html,Css,Image,HTML: 现在我想要这个图像: 当用户将鼠标悬停在我的主图像上时,将鼠标悬停。。我不想。。这张图片取代了我的主图片,只是出现在上面 在此图像上: .image { position:relative; float:left; /* optional */ } .image .img { position:absolute; top:-13px; /* in conjunction with left property, decides the text position
.image {
position:relative;
float:left; /* optional */
}
.image .img {
position:absolute;
top:-13px; /* in conjunction with left property, decides the text position */
right:-12px;
width:45px; /* optional, though better have one */}
.image .text {
position:absolute;
top:0px;
right:1px;
color: #000; }
.image .text2 {
position:absolute;
top:3px;
left:3px;
color: white;
letter-spacing: -1px;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.7);}
.image a {text-decoration:none;}
.image a:hover {color:#FF00FF;}
您需要制作另一个要悬停在此图像上的图像。然后
<img class="avkas rad2" src="$IMG_URL1$" width="130px">
我试过了。avkas:hover{background:url();}但没有成功
<img class="avkas rad2" src="$IMG_URL1$" width="130px">
.image:link
{
background-image: "specify the path of the image";
}
.image:hover
{
background-image: "specify path of the image that you want to hover";
}