Html Css下拉菜单背景图像被切断_Html_Css

Html Css下拉菜单背景图像被切断

html css

Html Css下拉菜单背景图像被切断,html,css,Html,Css,我对此有些问题。我正在建立一个网站的过程中，我习惯于使用背景色，这次我想使用这个背景图像。这看起来不错，但当我设置下拉菜单本身显示：无；（已注释）它会切断下拉菜单背景。我试着乱弄填充物的设置，但我没能得到令人满意的结果。我甚至试着设置边界，这样我就可以看到填充物和边距是什么。。。但他们永远不会出现。我继续将我所拥有的上传到lizzyengagement.com，任何帮助都将不胜感激。下面是我的HTML/CSS HTML:_____________________________________

我对此有些问题。我正在建立一个网站的过程中，我习惯于使用背景色，这次我想使用这个背景图像。这看起来不错，但当我设置下拉菜单本身显示：无；（已注释）它会切断下拉菜单背景。我试着乱弄填充物的设置，但我没能得到令人满意的结果。我甚至试着设置边界，这样我就可以看到填充物和边距是什么。。。但他们永远不会出现。我继续将我所拥有的上传到lizzyengagement.com，任何帮助都将不胜感激。下面是我的HTML/CSS HTML:__________________________________________________________________

<!DOCTYPE html>
<html>
<header>
<link rel="stylesheet" type="text/css" href="wedCss.css"/>
<center><div class="topper">
<img src="Winter_Snowy_Black_Tree_PNG_Picture.png"class="top1" ><img src="imageedit_11_6486922729.gif" class="top2"width="400"><img src="Winter_Snowy_Black_Tree_PNG_Picture.png" class="top3" >
</div></center>
<center>
<div id='canvas' height=200 width=600>
<nav id='primary_nav_wrap'>
<ul>
 <li class='current-menu-item'><a href='index.html'>Home</a></li>
 <li><a href='wedParty.html'>Wedding Party</a>
    <ul>
      <li class='dir'><a href='groomsmen.html'>Groomsmen</a></li>
      <li><a href='bridesmaids.html'>Bridesmaids</a></li>
    </ul>
  </li>

  <li><a href='registries.html'>Wedding Registry's</a>
    <ul>
      <li><a href=''>Walmart</a></li>
      <li><a href=''>Target</a></li>
      <li><a href=''>Bed Bath and Beyond</a></li>
      <li><a href=''>Best Buy</a></li>
    </ul>
  </li>
  <li><a href='rsvp.php'>RSVP NOW!</a>
  <ul>
      <li><a href='rsvp.php'>Respond to wedding invitation</a></li>
      <li><a href='hotelSuggestions.html'>Reserve your Hotel today </a></li>

    </ul>
  </li>

  <li><a href='contactUs.html'>Contact Us</a></li>

</ul>
</div>
</header>
<body>

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

</body>
<footer>
.
</footer>
</html>

body
{
background: -webkit-linear-gradient(rgb(180, 139, 170), rgb(52, 10, 55) ); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(rgb(180, 139, 170), rgb(52, 10, 55) ); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(rgb(180, 139, 170), rgb(52, 10, 55) ); /* For Firefox 3.6 to 15 */
  background: linear-gradient(rgb(180, 139, 170), rgb(52, 10, 55) ); /* Standard syntax */
    background-repeat: no-repeat;
    -webkit-background-size: cover;
  -moz-background-size: cover;

  background-size: 100% 100%;
  height:100%;
  width:100%;
}

.topper
{
width:%100;


}
.top1
{
 margin-left:fixed;
    margin-right: auto;
    width: 20%;
}
.top2
{
 margin-left:auto;
    margin-right: auto;
    width: 50%;  
}
.top3
{
 margin-left:auto;
    margin-right: fixed;
    width: 20%;  
}
#primary_nav_wrap
{
width:100%;

 background-image: url('link_back.png');
  background-repeat: no-repeat;
  background-size: 80%;
  background-position:center;
}
#primary_nav_wrap ul
{

    position:relative;



}
#primary_nav_wrap ul  a
{

color:white;
    text-decoration:none;
    font-weight:700;
    font-size:12px;
    line-height:32px;
    padding:0 15px;
    font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
}
#primary_nav_wrap ul li
{
position:relative;
    float:center;
    margin-left:0;
    padding:0;
    display:inline;
}
#primary_nav_wrap ul li:hover
{
    background:#aaa
}

#primary_nav_wrap ul ul
{
/*
display:none;
*/ 
}

请记住，背景图像只会占用元素的空间。请提供一些代码，以便我们能更好地帮助您。我刚刚添加了代码，所以我有一个带有主导航包裹的基本标签，它的背景不应该被全部看到吗？我找到了，谢谢你的提示！