html safari图片不显示,HTML图像无法在Chrome中正确显示，但在Safari和Firefox正确显示...

.container{

width: 800px;

margin-left: auto;

margin-right: auto;

margin-top: 50px;

background-color: #ffffff;

border-color: #000000;

border-style: solid;

border-width: 1px;

padding: 25px;

}

img.imageAAMP{

width: 800px;

margin: auto;

margin-top: auto;

position: static

}

img.imageAAMP2{

width: 800px;

position: absolute;

margin-left: -800px;

transition: opacity 2s ease-in-out;

-webkit-transition: opacity 2s ease-in-out;

}

img.imageAAMP2:hover{

opacity: 0;

}

的图像是在左下角时，应在其上可以显示第一张图片。这是为了进行悬停淡变过渡。在Safari和Firefox上，一切工作正常，但无法在Chrome上正确显示。