背景图片不会出现在网站上

时间:2016-04-11 03:54:47

标签: html css web background-image

我的网站上有一个mainContainer,我想添加背景图片。当我尝试添加图像时,我使用此css

ManageCtors.InitJournal(int.Parse(copyNumber.Text), itemName.Text, DateTime.Parse(TimePrinted.Text), int.Parse(Guid.Text), (JournalCategory)Enum.Parse(typeof(JournalCategory), SubCategory.Text));

//Add to ListView
string[] row = { itemName.Text, copyNumber.Text, Guid.Text , TimePrinted .Text, Category.Text , SubCategory.Text = "None" };
ListViewItem _listViewItem = new ListViewItem();
_listViewItem.Content = row;
LibraryList.Items.Add(_listViewItem.Content);

图像尺寸安全。我认为那里有1000x1000左右的东西。当我尝试刷新页面时,我收到一个奇怪的错误:

enter image description here

我正在使用bootstrap4。顶部的错误是否与我的图像没有显示有关,或者它是否在css中?

这也是我的文件结构看起来有用的方式:

enter image description here

谢谢!

2 个答案:

答案 0 :(得分:3)

图像文件不在文件夹中。您可能希望将其更改为../images/bg.jpg,如果它位于assets/images/文件夹而不是assets/css/images/

答案 1 :(得分:3)

放这个。

#mainContainer {
  background-image: url(../images/bg.jpg);
  background-size: cover;
  height: 100%;
  width: 100%;
}