Javascript 我的css代码不是我想要的，它不会显示图像_Javascript_Html_Css

Javascript 我的css代码不是我想要的，它不会显示图像

javascript html css

Javascript 我的css代码不是我想要的，它不会显示图像,javascript,html,css,Javascript,Html,Css,这段代码不能正常工作，我将不得不请您注意明显缺乏正确的url和电子邮件地址。我正试图在鼠标悬停在一张照片上方时，将其切换到另一张照片。我还希望它是一张活动的照片，所以当我点击它时，我会看到一个电子邮件弹出窗口 <!DOCTYPE html> <div> <br/> </div> <html> <head> <style type="text/css">

这段代码不能正常工作，我将不得不请您注意明显缺乏正确的url和电子邮件地址。我正试图在鼠标悬停在一张照片上方时，将其切换到另一张照片。我还希望它是一张活动的照片，所以当我点击它时，我会看到一个电子邮件弹出窗口

 <!DOCTYPE html>
    <div>
       <br/>
    </div>
    <html>
    <head>
    <style type="text/css">
    .imgBox1
    {
      width: 333px;
      height: 416px;
      background-image: url(DSC_0267-Edit.jpg) no-repeat;
    }
    .imgBox1:hover
    {
      width: 333px;
      height: 416px;
      background-image: url(DSC_0267-Edit-Edit%202.jpg) no-repeat;
    }
    </style>
    </head>
    <body>
    <a href="mailto:x@x.com">
    <div class="imgBox1">
    </div>
    </a>
    </body>
    </html>




.imgBox1
{
宽度：333px；
高度：416px；
背景图片：url（DSC_0267-Edit.jpg）无重复；
}
.imgBox1：悬停
{
宽度：333px；
高度：416px；
背景图像：url（DSC_0267-Edit-Edit%202.jpg）不重复；
}

更改css以使用背景图像中的背景。有关详细信息，请签出背景CSS规则

.imgBox1{
宽度：333px；
高度：416px；
背景：url(https://www.google.co.in/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png)不重复；
}
.imgBox1：悬停{
宽度：333px；
高度：416px；
背景图片：url(https://s.yimg.com/rz/l/yahoo_en-US_f_p_142x37_2x.png);
}

soooooo，什么不起作用？为什么在

html

标记之前有一个

div

？您好，欢迎来到StackOverflow。请花些时间阅读帮助页面，特别是命名和的部分。更重要的是，请阅读。您可能还想了解。

a:hover.imgBox1{}

请在Html标记之前删除div。