作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试将此 jQuery 插件用于下拉框。我希望下拉框显示在某些文本的旁边,而不是在其下方。我已经尝试了 float
和 display
属性,我觉得这很简单,但我就是做不到。
演示:http://www.jankoatwarpspeed.com/examples/reinventing-drop-down/
有问题的 CSS 代码:
.desc { color:#6b6b6b;}
.desc a {color:#0092dd;}
.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
.dropdown dd { position:relative; }
.dropdown a, .dropdown a:visited { color:#816c5b; text-decoration:none; outline:none;}
.dropdown a:hover { color:#5d4617;}
.dropdown dt a:hover, .dropdown dt a:focus { color:#5d4617; border: 1px solid #5d4617;}
.dropdown dt a {background:#e4dfcb url(arrow.png) no-repeat scroll right center; display:block; padding-right:20px;
border:1px solid #d4ca9a; width:150px;}
.dropdown dt a span {cursor:pointer; display:block; padding:5px;}
.dropdown dd ul { background:#e4dfcb none repeat scroll 0 0; border:1px solid #d4ca9a; color:#C5C0B0; display:none;
left:0px; padding:5px 0px; position:absolute; top:2px; width:auto; min-width:170px; list-style:none;}
.dropdown span.value { display:none;}
.dropdown dd ul li a { padding:5px; display:block;}
.dropdown dd ul li a:hover { background-color:#d0c9af;}
.dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; }
.flagvisibility { display:none;}
有什么想法吗?
最佳答案
您能告诉我们您尝试了什么吗?首先,格式化你的代码,你可以使用 PHP 缩小或只缩小实时版本(保留一个未缩小的版本用于开发)
查看该链接,我会说您需要在 dl.dropdown 或 .dropdown 上应用 float/display,我在您的代码中看不到它...
关于jquery - 使 jQuery 下拉框内联显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6132369/
我是一名优秀的程序员,十分优秀!