0

所以，我试图让带有背景图片的 div 显示在我的网页上。在 IE 中它看起来很好，但在 chrome 中，当它不是全屏时，页面看起来不错，当你使窗口全屏时，div 2 上的边框在右侧太宽了大约 20 像素。第一个 div 应该是可用屏幕的大小，第二个 75% 居中。看起来好像 chrome 在第一个 div 上没有看到我的 100% 高度。这是我的 CSS 样式表：

 @charset "utf-8";
 /* CSS Document */

 #main {    
    background-repeat:no-repeat;
    background-size:cover;
    font-size: 24px;
    font-family:Georgia, "Times New Roman", Times, serif;
    text-align:center;  
    padding:40px;

    height:100%;
    width:100%;
    position: relative;
    background-image: url(../graphics/craig-smith-background.jpg);
}

#body {
    min-height:500px;
    width:75%;
    background-repeat:no-repeat;
    background-image: url(../graphics/back2.jpg); 
    margin: 0 auto;
    position:relative;
    border:groove;
    border-color:#333;
    border-width:5px; (edit)
    padding:0;
}

我在两个 div 上都使用了填充和边距，但似乎无法弄清楚这一点。

（编辑）我应该指定，边框和右侧图片之间有 20px 的空间，您可以在其中看到 div 1 的背景图片。

4

2 回答 2

2 
border:groove;
border-color:#333;
border-width:thick;

不要使用thick，指定你想要的像素数。“2px”，5px”，随便什么。

于 2013-02-25T21:27:49.243 回答
0

问题是dreamweaver没有更新本地文件，我在photoshop中更改了一个图片文件并保存了它。Dreamweaver 没有看到文件更新。

于 2013-03-01T13:35:57.037 回答