我现在正在大学参加在线网络开发课程,而且我的部分工作存在问题。我遇到问题的部分是插入背景图像,这是我在Adobe Illustrator CC中制作的简单站点地图图形。它不会显示。
首先,我使用另存为选项将文件保存在Illustrator中,然后将文件作为.ai文件输入样式表。这没有用,所以我记得我应该使用导出屏幕功能,我这样做,在选项对话框中保留默认设置并将其导出为jpg。然后我将它放入我的CSS样式表中。我在谷歌浏览器中运行了代码并且它没有显示任何内容。
#siteMapHero {
height: 300px;
background-image: url(PacificTrailsResortImages/siteMap6.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}
我已经在这个项目中成功使用了背景图片,所以我想我可能会拼错一些东西或者其他一些小错误,但是我的代码看不出来有什么问题。这是同一样式表中另一个背景图片的一些代码。此图像显示正常,与我在作业中的所有背景图像完全相同。
#trailhero {
height: 300px;
background-image: url(PacificTrailsResortImages/trail.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}
我检查了一下我的路径是否有问题,但对我来说这看起来并不像。 然后我通过电子邮件向我的导师发送了关于我的问题的电子邮件,他无法在途径中找到任何问题或其他任何问题。然后,我重复导出屏幕选项,但尝试使用png文件,然后使用svg文件,仍保持对话框中的默认设置,都没有工作。
我尝试使用导出功能,并尝试使用jpg,png和svg文件,但它仍然无法正常工作。我不知道我做错了什么。我试图在互联网上找到答案,有人有类似的问题,但这个人通过检查他们使用的插图文件的属性的权限来修复他们自己的问题。不知何故,他的计算机更改了该文件的权限设置,他修复了权限设置,并且工作正常。我尝试了这个,但我的权限很好。我可以完全访问该文件,因此权限不是我的问题。帮我!