1

このコードを手伝ってくれる人はいますか?

http://tympanus.net/codrops/2012/11/29/simple-effects-for-drop-down-lists/

基本的に、代わりにドロップダウンドロップアップが必要です。. . 設定してみました

下: 100%;

などなどいろいろありますが、わかりません。どんなことでも大歓迎です。

ありがとう！

4

2 に答える 2

0

このcssクラスを追加または編集します。

.cd-dropdown ul {

top: auto;
bottom: 100%;
width: 100%;
}

追加する場合は、例のcssファイルの後にあることを確認してください

提供されたファイルでファイルindex.htmlを使用する例：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
        <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
        <title>Simple Effects for Drop-Down Lists</title>
        <meta name="description" content="Simple Effects for Drop-Down Lists" />
        <meta name="keywords" content="drop-down, select, jquery, plugin, fallback, transition, transform, 3d, css3" />
        <meta name="author" content="Codrops" />
        <link rel="shortcut icon" href="../favicon.ico"> 
        <link rel="stylesheet" type="text/css" href="css/style1.css" />
        <script src="js/modernizr.custom.63321.js"></script>
    </head>
    <body>

<style>
.cd-dropdown ul {

top: auto;
bottom: 100%;
width: 100%;
}
</style>

各サンプルファイルの本文の後にこのスニペットを追加できます：index2.htnml .. ..

または、srtyle * X * .cssファイルの最後に、ブラウザのキャッシュをクリアすることを忘れないでください。

于 2013-03-15T01:53:23.860 に答える
0

bottom: 0px;たぶん、あなたは100％ではないことをする必要があります！

于 2013-03-15T02:06:39.137 に答える