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 回答