ホームページ > 記事 > ウェブフロントエンド > HTML/CSSレイアウトの問題について 初心者学習の問題_html/css_WEB-ITnose
HTML/CSSレイアウトの問題について 初心者学習の問題_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-21 09:41:031064ブラウズ
div
body { margin:0px; padding:0px; font:12px arial,宋体; text-align:center;}.zong { float:left; width:214px; height:266px; background:rgb(220,232,244); position:absolute; left:50%; top:50%; margin-top:-133px; margin-left:-107px; border:1px outset black; z-index:-100;}.kuang { float:left; margin-top:10px; margin-left:11px; width:192px; height:52px; background:url(../images/0000000.jpg) no-repeat left top; z-index:-98;}.gongneng { float:left; margin-top:4px; width:214px; height:61px; z-index:-99;}.buttom a{ float:left; width:36px; height:29px; background:url(../images/MC.jpg) no-repeat top left; margin-top:1px; margin-left:11px;} .buttom a:hover { float:left; background:url(../images/MC1.jpg) no-repeat top left; width:36px; height:29px; margin-top:1px; margin-left:11px;}.buttom a:active { float:left; background:url(images/MC2.jpg) no-repeat top left; width:36px; height:29px; margin-top:1px; margin-left:11px;} <body> <div class="zong"> <div class="kuang"> </div> <div class="gongneng"> <div class="buttom"><a href="#"></a></div> </div> </div> </body>
初心者... これらは私のコードです。目的は、電卓フレームワークに付属するシステムをレイアウトすることですが、ボタンを作成するときにマウスでボタンをクリックできないという問題が発生しました。カーソルが に移動します。数日間学習していませんが、ボタンに変化はありません。専門家の指導を求めてください
ディスカッション (解決策) に返信してください
Chrome を使用して開きます。ファイルを右クリックして要素を調べます。スタイルが有効になっていないように感じます。
投稿者の問題がどのブラウザで発生しているのかわかりません。 Firefox ie7 8 を実行していますが、正常です。
確かにIEとFIREFOXでは問題なく動作しましたが、高速モードでは効果がありませんでした。皆さんありがとう
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。