Question

大家好我正在尝试制作一个jquery菜单，就像在Mac中那样，但我的jqDock坚持在底部，我希望它在标题中。

以下是网站：http://ydown.totalh.com/。

这是html代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>yDown - O teu portal de downloads</title>
    <script src="js/jquery-1.2.6.min.js" type="text/javascript"></script>
    <script src="js/dashboard.js" type="text/javascript"></script> 
    <script src="js/draggable.jquery.ui.js" type="text/javascript"></script>
    <script src="js/jquery.jqDock.min.js" type="text/javascript"></script>
    <style type="text/css">
        @import url(style.css);
    </style>

</head>

<body>
<p>
<p>
<p>
<p>
<center><img scr='images/logo.png' title='yDown' alt="yDown" />


<div id="dock">
        <img src="images/finder.png" alt="Finder" title="finder"/>
        <img src="images/dashboard.png" alt="Dashboard" title="Dashboard" />
        <img src="images/mail.png" alt="Mail" title="finder" />
    </div>
</center>
</body>
</html>

这是CSS代码：

#dock{
    position: fixed;
    margin: 0 auto;
    bottom: 36px;
    left: 37.5%;
    min-width: 20px;
    max-width: 400px;
    z-index: 9999;
}

#dock img{
    float: left;
}

我只放了jqDock部分。

Answer 1

您需要删除停靠样式中的底部样式属性。您的Dock的CSS应如下所示，没有底部属性：

#dock{
    position: fixed;
    margin: 0 auto;
    left: 37.5%;
    min-width: 20px;
    max-width: 400px;
    z-index: 9999;
}

遇到jqDock问题

1 个答案: