遵循我的准则:
div{
display: block;
width: 500px;
height: 200px;
border: 1px solid black;
border-radius: 5px;
transition: box-shadow 1s;
}
div:hover{
box-shadow: 25px 25px 0px #000;
}Run Code Online (Sandbox Code Playgroud)
<div>Test</div>Run Code Online (Sandbox Code Playgroud)
它可以在Chrome,Safari和Firefox上运行,但在Internet Explorer 11上运行效果不佳,当div不再关注时会出现明显的视觉问题.怎么解决?
JSFiddle:https://jsfiddle.net/aL0t8g21/