我如何使一个简单的效果下拉上升

How do i make a simple effect dropdown go up?

本文关键字：何使一 简单      更新时间：2023-09-26

有没有人有一个min来帮助我这个代码?

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

基本上，我想用下拉菜单来代替…我试过设置

底:100%;

和其他一些东西，但我不明白。什么都可以。

谢谢!

添加或编辑这个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>

您可以在每个示例文件的主体之后添加以下代码段:

或在样式*X*.css文件的末尾不要忘记清除浏览器的缓存!

也许你需要让bottom: 0px;不是100%!

相关文章：