IE7 では相対位置指定が無効なのはなぜですか? _html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:14:54
オリジナル
1423 人が閲覧しました

IE7 では相対位置指定が無効なのはなぜですか?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>page title</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head><body>	<style type="text/css">		*{margin:0;padding:0;}		body{padding:20px;}		.btns_line {			padding-bottom:1px;			text-align:center;			word-spacing:-6px;		}		.btn{			position:relative;			display:inline-block;		}		.btn:hover{			top:1px;		}		.btn_wood{background-color:tan;margin-left:5px;}			</style>	<div class="btns_line">		<a href="#" class="btn btn_wood"><span><em class="icon"></em>Keep Me in</span></a>		<a href="#" class="btn btn_wood"><span><em class="icon"></em>Keep Me in</span></a>	</div></body></html>
ログイン後にコピー


回复讨论(解决方案)

.btn{

position:relative

。 btn:hover{
top:1px;

相対無法对元素起効果?

リーリー

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート