Question

我的网站上有一个固定的标题，我正在处理。因此，我的页面内容在标题下流动，标题保持固定在页面顶部。我不能在css中使用border-radius函数来创建我想要的圆角，因为页面内容背景颜色显示在圆角的外面。所以我实现了两个圆角图像，一个用于左边，一个用于右边。我的问题是，当我缩放时，图像总共移动1px。无论我放大多少，它总共只移动1px，而对于我的生活，我似乎无法弄清楚问题。我要发布一个链接到我的网站，也许有人可以浏览html和CSS并尝试解决这个问题。我还提供了一个链接来下载我的VB项目，以便在Visual Studio中查看。非常感谢任何帮助。

链接到网页 http://aspspider.info/speeddemon8406/Default.aspx

链接下载VB项目 http://www1.datafilehost.com/d/46288e83

Answer 1

#header {
  background-color: #ddd;
  height: 125px;
  left: 50%;
  margin-left: -480px;
  position: fixed;
  width: 960px;
}
#header-top {
  background-color: #fff;
  border-left: 1px solid #aaa;
  border-radius: 25px 25px 0 0;
  border-right: 1px solid #aaa;
  border-top: 1px solid #aaa;
  height: 85px;
  width: 958px;
}
#nav-wrapper {
  background-color: #fff;
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  width: 958px;
}
#nav {
  background-color: Orange;
  border-radius: 15px 15px 0 0;
  height: 40px;
  margin: 0 1px;
  width: 956px;
}

#topleftcorner,#toprightcorner,#nav-corner-left,#nav-corner-right{display:none;}

基本的想法是我在#header（页面背景颜色）上放了一个#ddd颜色。然后，我在＃header-top上使用border-radius来圆角。我还将白色背景应用于＃nav-wrapper。然后我只是修复边框，并删除不必要的图像。

关于你的1px关闭问题，这是一个舍入错误。我删除了左：0;右：0来自#header并将其替换为左：50％; margin-left：-480px以便它不会发生。

DIV在页面缩放时移动1px

1 个答案: