在我的页面上没有显示背景图片

我在正确的文件夹中有图片，但我想在图片上添加一个文本框，并且我被告知最好的方法是使图片成为背景图片，但当我跟着一个教程，它从来没有出现过？反正这里是我的html在我的页面上没有显示背景图片

<div class="module"> 
        <h2>blah blah</h2> 
          </div>

和我的CSS

.module { 
    margin: 10px; 
    width: 1530px; 
    height: 717px; 
    display:block; 
    background: url('C:\Users\Jason\Desktop\champions\images\shop.png'); 
    background-size: cover; 
    position: relative; 
} 

h2 { 
    position: absolute; 
    bottom: 100px; 
    left: 100px; 
    background: rgba(0, 0, 0, 0.75); 
    padding: 4px 8px; 
    color: white; 
    margin: 0; 
    font: 14px PTSans; 
}

的图像出现在屏幕的整个宽度，所以我用引导容器流体和文本框将在中间图片。

来源

2016-02-19 Chimini

您使用的是本地服务器还是外部托管？ – manualva

办公室的本地服务器 – Chimini

小提琴可能会帮助我们。尝试使用背景图像而不是背景。 – manualva

，您可以调用本地文件作为背景是这样的：

background: url("file://PATH-TO/file.jpg");

请记住，括号内的字符串应该提供URL到文件中。

另外，您可以选择将path放入其中。

background: url("PATH-TO/file.jpg");

来源

2016-02-19 02:22:04 Trix

干杯队友，这工作 – Chimini

@Chimini如果这工作，为什么你没有选中它的答案复选标记？ – Trix

它看起来很好你的CSS。尝试使用firefox或chrome调试器来检查背景图片是否可以加载。尝试更改背景大小的值。有时背景图片太大，您只能在屏幕上看到它的一部分（可能完全是白色）。

来源

2016-02-19 02:17:47

你的道路是错误的试试这个：url('images/shop.png') - 如果你的CSS是在冠军

来源

2016-02-19 02:27:52 beatrice

更改齿隙。从这个...

background: url('C:\Users\Jason\Desktop\champions\images\shop.png');

对此

background: url('C:/Users/Jason/Desktop/champions/images/shop.png');

干杯。

来源

2016-02-19 02:33:00 manualva

在我的页面上没有显示背景图片

回答

相关问题