如何在懸停時將我的圖像更改為另一個圖像

Question

誰能幫我嗎？ 我試圖讓我的標志在懸停時變成另一個圖像。

<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:hover 中使用我想要更改的背景圖像做一個類。 它沒有用

Answer 1

使用背景圖像屬性方法，在 html 頁面頂部的 head 標記中嘗試此操作：

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

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

如何在懸停時將我的圖像更改為另一個圖像

問題描述

1 個解決方案

解決方案1
0 2015-08-30 03:18:26

如何在懸停時將我的圖像更改為另一個圖像

問題描述

1 個解決方案

解決方案1 0 2015-08-30 03:18:26

解決方案1
0 2015-08-30 03:18:26