1

CSS にいくつか問題があります。クリックするとdivがドロップダウンする単純なテキストボックスをスクリプト化しましたが、機能していないようです。誰かが私を助けることができれば、私は素晴らしいです。

CSS: 

input {
    top:18px;
    left:20px;
    width:1230px;
    padding:4px;
    border:1px dashed #eeeeee;
    font:16px arial;
    font-weight:bold;
    color:#d8d8d8;
}

input:focus {
    height:200px;
}

div {
    overflow:hidden;
    padding:0;
    margin:0; 
    height:0; 
    width:1230px; 
    border:1px dashed #eeeeee; 
    background-color:transparent; 
    transition:height.5s; 
    -moz-transition:height 0.5s;
    -o-transition:height 0.5s; 
    -webkit-transition:height 0.5s;
}

body {
    background-image:url('pic.bmp');
    background-repeat:no-repeat;
}
4

3 に答える 3

1

（divが入力要素にある場合）または（divが入力の後にある場合）のように変更input:focusする必要があると思いますが、マークアップが表示されていないとわかりません。input:focus divinput:focus + div

于 2012-08-22T17:00:42.457 に答える
1

を使用input:focus + divして師団を選択する必要があります。

必要なものの純粋な CSS バージョンは次のとおりです。

于 2012-08-22T17:28:36.287 に答える
0

div にはoverflow: hiddenプロパティがあり、div の高さのレンダリングで内部要素の高さが無視されます。

于 2012-08-22T16:54:59.133 に答える