1

我正在尝试使用来自：http ://trentrichardson.com/ 的 datetimepicker

功能似乎正在运行，但看起来很糟糕 - 参见图片。谁能帮我找出为什么会这样？

浏览器是火狐。

标头有...

<link rel="stylesheet" type="text/css" href="/css/mainmenu.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/css/smoothness/jquery-ui-1.8.21.custom.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="/css/dttimepicker.css" />

    <script src="/jscript/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="/jscript/jquery-ui-1.8.21.custom.min.js" type="text/javascript"></script>
    <script src="/jscript/jquery-ui-timepicker-addon.js" type="text/javascript"></script>

它看起来像这样： 扭曲的日期时间选择器

并注意到，当我删除主菜单的 CSS 时，它会正确显示！！！这是我的主菜单 css 文件：

<div class="bvmainmenu">
    <ul>
        <li><a href="/" id="Home">Home</a></li>
        <li><a id="Reports">Reports</a>
            <ul>
                <li><a href="...">....</a></li>
                <li><a href="...">....</a></li>
                <li><a href="...">....</a></li>
            </ul>
        </li>
        <li><a id="Managment">Managment</a>
            <ul>
                <li><a href=".....">.....</a></li>
                <li><a>....</a></li>
            </ul>
        </li>
        <li><a id="Admin">Admin</a>
            <ul>
                <li><a href="...">....</a></li>
                <li><a href="....">....</a></li>
                <li><a href="...">...</a></li>
                <li><a href="...">...</a></li>
                <li><a href="...">...</a></li>
                <li><a href="/">item3</a></li>
            </ul>
        </li>
    </ul>
</div>

menu 有自己的类，这里是它的 css：

.bvmainmenu{                                            /*main bvmainmenu properties*/
    border:none;
    border:0px;
    margin:0px;
    padding:0px;
    font-family:verdana,geneva,arial,helvetica,sans-serif;
    font-size:14px;
    font-weight:bold;
    color:8e8e8e;
    }
.bvmainmenu ul{                                     /*main bvmainmenu items bar*/
    background:url(/images/bvmainmenu-bg.gif) top left repeat-x;
    height:43px;
    list-style:none;
    margin:0;
    padding:0;
    }
    .bvmainmenu li{
        float:left;                             /*main bvmainmenu item positioning*/
        padding:0px 8px 0px 8px;
        }
    .bvmainmenu li a,span{                                  /*main bvmainmenu items text properties etc*/
        color:#666666;
        display:block;
        font-weight:bold;
        line-height:43px;
        padding:0px 25px;
        text-align:center;
        text-decoration:none;
        }
        .bvmainmenu li a:hover{
            color:#000000;
            text-decoration:none;
        }
    .bvmainmenu li ul{
        background:#e0e0e0;
        border-left:2px solid #000000;
        border-right:2px solid #000000;
        border-bottom:2px solid #000000;
        display:none;
        height:auto;
        filter:alpha(opacity=95);
        opacity:0.95;
        position:absolute;
        width:auto;                             /*225px;  this will make all drop downs of same width*/
        z-index:200;
        }
    .bvmainmenu li:hover ul{                        /*shows drop down bvmainmenu box on hover*/
        display:block;
        }
    .bvmainmenu li ul li {                              /*drop down bvmainmenu box*/
        display:block;
        float:none;
        padding:0px;
        width:auto;                             /*225px;  this will make all drop downs of same width*/
        }
    .bvmainmenu li ul li a{
        display:block;
        font-size:12px;
        font-style:normal;
        padding:0px 5px 0px 5px;            /*top rt bt lf   def:0,10,0,15*/
        text-align:left;
        line-height:1.5;                        /*added for visual effect, you can use value normal*/
        }
        .bvmainmenu li ul li a:hover{                   /*drop down bvmainmenu items*/
            background:#949494;
            color:#000000;
            opacity:1.0;
            filter:alpha(opacity=100);
            }
    .bvmainmenu p{
        clear:left;
        }

谁能告诉这里出了什么问题？为什么这个小部件看起来如此有趣？字体也太大了！在陈列室（UI 网站）中，它看起来很闪亮！！

谢谢。拉杰夫

4

1 回答 1

1 
.bvmainmenu li a,span

该跨度未封装在菜单类中

（修订）

如果你想封装跨度，它可以是：

.bvmainmenu li a,.bvmainmenu span

或者

.bvmainmenu li a span

根据您想要实现的目标，最后一个将仅匹配 .bvmainmenu li a 内的所有跨度，而不影响“a”，前一个将影响锚点 (li a) 以及 .bvmainmenu 内的所有跨度

于 2012-06-29T22:10:58.653 回答