我正在尝试制作全屏背景.
<HTML><head> <link rel="stylesheet" type="text/CSS" href="CSS/main.CSS"> <style> .bg { background-image: url("nuotraukos/bg.png"); min-height:100%; min-wIDth: 100%; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } </style></head><body><div ></div></body></HTML>解决方法 您的< link>似乎没有错.
检查文件是否确实存在,以及HTML页面是否与CSS文件夹位于同一目录中.否则文件路径错误.
如果图像没有显示,可能是因为它与.CSS的路径不同,所以你也应该更改链接.
假设您的图像是CSS文件中的一个文件夹.然后你应该将URL更改为:
url("../nuotraukos/bg.png");
使用div设置背景也不是一个好习惯,因此不要使用div来设置背景,而是将背景设置为< body>并拉伸它.
body { background-image: url("http://images.Alphacoders.com/538/53823.jpg"); background-size:cover;}
<head></head><body></body>总结
以上是内存溢出为你收集整理的HTML和main.css中的CSS代码全部内容,希望文章能够帮你解决HTML和main.css中的CSS代码所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)