在我的网站我有一个奇怪的问题,即在所有的浏览器我出去登录栏的幻灯片使用CSS3的过渡工程(即当然除外),在Opera很奇怪:幻灯片/幻灯片了过渡工程,但它留下了落后时滑回进来,我正在使用的标签定位等CSS:
#tabtext, #tabtextie{
position: fixed;
text-transform: uppercase;
padding: 5px;
border-radius: 25px 25px 0 0;
color: #ccc;
background-color: #242424;
text-align: center;
cursor: pointer;
}
#tabtext{
height: 20px;
width: 150px;
margin: 65px 120px;
}
#tabtextie{
margin: 0 185px;
padding: 5px;
height: 20px;
width: 150px;
}
#tab{
position: fixed;
width: 185px;
height: 400px;
color: #ccc;
background-color: #242424;
left: 0;
margin: 0 auto;
margin-top: -200px;
top: 50%;
padding-left: 20px;
border-radius: 0 0 25px 0;
z-index: 2;
}
#tab:hover{
left: 200px;
}
这是为实际过渡的CSS:
{C}
这是HTML:
<section id="tab">
<!--[if gt IE 8]><!--><div id="tabtext">Login/Register</div><!--<![endif]-->
<!--[if lt IE 8]><div id="tabtextie">Login/Register</div><![endif]-->
<h3>Login</h3>
<form action="default.php" method="post">
<label for="Lname">Your Username:</label>
<input type="text" id="Lname"><br>
<label for="Lpass">Your Password:</label>
<input type="password" id="Lpass"><br><br>
<input type="submit" value="Submit">
</form>
<br>
<h3>Register</h3>
<form action="default.php" method="post">
<label for="Rname">Your Username:</label>
<input type="text" id="Rname"><br>
<label for="Rpass">Your Password:</label>
<input type="password" id="Rpass"><br>
<label for="Rpass2">Password again:</label>
<input type="password" id="Rpass2"><br><br>
<input type="submit" value="Submit">
</form>
</br></br></br></br></br></br></br></br></section>
如果你运行我的网站在任何浏览器它工作得很好...除了从歌剧。运行它,你会明白我的意思。它的奇特,我想不出如何解决它。
任何帮助将不胜感激。谢谢。