Html 如何将我的图像更改为悬停时的另一个图像
有人能帮我吗?我试图使我的标志改变成另一个形象时,悬停Html 如何将我的图像更改为悬停时的另一个图像,html,image,css,class,hover,Html,Image,Css,Class,Hover,有人能帮我吗?我试图使我的标志改变成另一个形象时,悬停 <head> <meta charset="utf-8" /> <link rel="stylesheet" href="styles/base.css"/> <link rel="stylesheet" href="styles/modele01.css"/> <link rel="shortcut icon" href="./images/fa
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="styles/base.css"/>
<link rel="stylesheet" href="styles/modele01.css"/>
<link rel="shortcut icon" href="./images/favicon.ico" >
<title> Look At Them Cars </title>
<style type='text/css'>
img {
background-image: url('./images/LogoSite.png');
}
img:hover {
background-image: url('./images/LogoBleu.png');
}
</style>
</head>
<body>
<div id="titre" class="slide header">
<h1><a href="index.html"><img src="./images/LogoSite.png"></a></h1>
<br></br>
<div id="liste">
<a href="Lexus">Lexus</a>
<a href="Porsche">Porsche</a>
<a href="Toyota">Toyota</a>
<a href="Crédits">Crédits</a>
</div>
</div>
看看那些车
img{
背景图片:url('./images/LogoSite.png');
}
img:悬停{
背景图片:url('./images/LogoBleu.png');
}
我一直在尝试在css img中创建一个类:将鼠标悬停在我想要更改的背景图像上。使用background image属性方法时,它不起作用,请在html页面顶部的head标记中尝试以下操作:
<style type='text/css'>
img {
background-image: url('firstimage.png');
}
img:hover {
background-image: url('second.png');
}
</style>
img{
背景图片:url('firstimage.png');
}
img:悬停{
背景图片:url('second.png');
}
请在您的问题中包含您希望包含的任何其他信息。