Question

目前文本是超链接的，当它淡出到另一个图像时，链接不再存在，你可以拥有第二个图像（它淡化为链接的图像）

似乎只是超链接文本然后何时出现图像链接消失。

这是我的代码感谢

<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
    </head>
    <body>
<style>
    div{
        background-image: url("http://#.com");
        height: 200px;
        width:200px;
      transition: background-image 0.7s ease-in-out;
              transition: 0.6s ease-in-out;
    }
    #hello:hover{
        font-size:0px;
        background-image: url('http://#.com');

    }

    #hmv:hover{

        font-size:0px;
        background-image: url("http://#.com");

    }

    p{ text-align:center;font-size:3em;}
</style>

<div id="hello">

   <br>

<a href="#"><p>Pottery</p></a>
</div>
<br>
<div id="hmv">

   <br>

<a href="#"><p>Silver</p></a>
</div>
    </body>
</html>

Answer 1

您在悬停时将字体大小更改为0px，这就是文本消失的原因，我注释掉了字体大小行，请将其检出。

#hello:hover{
   /* font-size:0px; */
    background-image: url('http://#.com');

}

#hmv:hover{

   /* font-size:0px; */
    background-image: url("http://#.com");

}

文本超链接淡入图像也是超链接

1 个答案: