3

私はこれらのフォーラムとコーディング全般に不慣れです。理由が分からなくて困っています

<div style="opacity:0.5;position:absolute;left: 650px;width:300px;height:150px;background-color:#40B3DF"></div>

正常に動作し、半透明の青い四角が表示されます。私が入力すると、次はしません。

HTML

<div id="textbox"></div>

CSS

#textbox {

left: 500px;
width:300px;
height:150px;
background-color:#40B3DF;
opacity:0.5;
position:absolute;
}

CSS ファイルの残りの部分は、HTML で正常に動作しているようです。これだけ。

誰かが助けになると思うなら、残りのファイルを投稿できます。オンラインで見つけた CSS リセット コードを使用して、複数のブラウザーとの互換性を高めています。

4

2 に答える 2

3

問題なく動作しています。次のサンプル リンクを参照してください。

http://jsfiddle.net/Pkdkh/

注: 別の css ファイル内にそのスタイルがある場合は、そのファイルへの参照を html に追加する必要があります。

<div style="opacity:0.5;position:absolute;left: 650px;width:300px;height:150px;background-color:#40B3DF"></div>
<div id="textbox"></div>

#textbox {
    left: 100px;
    width:300px;
    height:150px;
    background-color:#40B3DF;
    opacity:0.5;
    position:absolute;
}

アップデート

更新されたコードを含む作業サンプルを参照してください。

http://jsfiddle.net/Pkdkh/2/

#container2問題は、と#textboxスタイルのいくつかの閉じ括弧が欠落していることです

于 2013-05-15T19:11:54.303 に答える