如何將圖像更改爲懸停時的其他圖像

-1

任何人都可以幫我嗎？我試圖讓我的徽標在懸停時變成另一張圖片。如何將圖像更改爲懸停時的其他圖像

<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>

我一直試圖做一個類在我的CSS IMG：懸停與我想改變它的背景圖片。它沒有工作

來源

2015-08-30 TP4Dora

– TP4Dora

請[編輯]你的問題，包括任何附加您想要包含的信息。 – NightShadeQueen

使用背景圖片屬性的方法，試試這個在您的html頁面的頭標記的頂部：

<style type='text/css'> 
    img { 
     background-image: url('firstimage.png'); 
    } 

    img:hover { 
     background-image: url('second.png'); 
    } 
</style>

來源

2015-08-30 03:18:26 thewisegod

如何將圖像更改爲懸停時的其他圖像

回答

相關問題