返回首页

在我的网站我有一个奇怪的问题,即在所有的浏览器我出去登录栏的幻灯片使用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>

如果你运行我的网站在任何浏览器它工作得很好...除了从歌剧。运行它,你会明白我的意思。它的奇特,我想不出如何解决它。

任何帮助将不胜感激。谢谢。

回答

评论会员: 时间:2
J