在调试我的CSS时,试图找出我试图构建的登录页面为什么在IE10中表现得特别奇怪,我发现了导致问题的代码,但我不确定它为什么会导致它。
Here is an example with the problem code commented out.
And here is the example with the problem code included.
以下是为创建问题而添加的代码“
.inputs input {
outline:0;
width:340px;
height:55px;
display:block;
position:absolute;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: 0px 0px 15px 5px rgba(255, 0, 0, .75);
-moz-box-shadow: 0px 0px 15px 5px rgba(255, 0, 0, .75);
box-shadow: 0px 0px 15px 5px rgba(255, 0, 0, .75);
font-family: 'Dawning of a New Day', cursive;
font-size: 40px;
font-style: bold;
padding-left: 7px;
padding-right: 7px;
text-align: center;
-webkit-transition: -webkit-box-shadow 3s;
-moz-transition: -moz-box-shadow 3s;
-o-transition: box-shadow 3s;
-ms-transition: box-shadow 3s;
transition: box-shadow 3s;
}
在IE10上,它引发了一些问题:
首先,密码框不再受淡入影响。换句话说,代码设置为在页面的整个主体中淡入淡出,为什么密码输入框不会随页面淡入而只是在那里?
其次,淡入淡出现在闪烁和/或崩溃IE。这个页面在Firefox和Chrome上运行良好,但在IE中完全是灾难性的,所以我正在寻找有关为什么会发生这种情况的任何提示。我认为上面的代码是一个相当包容的代码集,可以容纳,但看起来好像我错过了什么。
任何帮助都会很精彩!谢谢你的时间!