十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
1、打开html开发软件,新建一个html代码页面。
盐城网站制作公司哪家好,找创新互联公司!从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设公司等网站项目制作,到程序开发,运营维护。创新互联公司从2013年成立到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联公司。
2、在html代码页面的body标签里面输入多行段落文字,用于后面浏览器滚动条滚动的时候查看图片时候随滚动条而滚动条。
3、设置背景图片样式。在title标签后面创建一个style标签,然后在这个标签里设置body标签的背景图片,以及背景图片不重复。
4、保存html代码后使用浏览器打开,这个时候滚动浏览器滚动条发现背景图片是随浏览器滚动条的滚动而滚动的。
5、使用background-attachment: fixed设置背景图片不随滚动条而滚动。回到html代码页面,在body样式中添加上background-attachment: fixed即可。
6、保存html代码页面后刷新浏览器,这个时候滚动浏览器滚动条发现背景图片已经固定不随浏览器滚动而滚动了。
1.如图在样式设计窗口中设置方框的宽度和高度就可以了
2.可能是图片的命名及格式问题。
3.可能是浏览器的不兼容。
[img]那就是图片的路径有问题了,这个路径是相对于css文件所在的路径,不是html文件的路径,你确认一下。另外,你的照片模糊不清,貌似url的右括号用的是全角的么,这个也要检查一下。总之,背景颜色没问题,背景图片出不来,那问题肯定就出在url开始到行末分号这个范围内的文字。
图片路径的问题。
1、图片和网页放在同一目录下:background-image:url("图片.jpg"。
2、图片放在一个image目录下,并且image目录和网页在同一目录下:background-image:url(“image/图片.jpg”)。
3、图片放在一个image目录下,并且image目录和网页不在同一目录下:background-image:url(“../image/图片.jpg”)//两个点加一个左斜杠代表该程序的根目录。
扩展资料:
注意事项
注意::在css样式表中写的background-image:url(图片的路径为相对本css文件的路径,而不是我们通常认为的相对加入css样式的网页的路径);
例如:在当前目录下有 index.html 和 css文件夹(里面包含:css.css) 和 images文件夹(里面包含top.jpg)
错误的认为和写法:background-image:url("images/top.jpg"); 错误的认为图片的路径应该是针对index.html网页来说的。
正确的认为和写法:background-image:url("../images/top.jpg");图片的路径应该写的是相对css.css文件的路径
其中 ../ 表示的是上一级目录,不要写成 ./ 这是表示当前目录。
您好,最好确认下你的css是不是在本页面中 如果是存在在别的css文件中,路径是会存在问题的 ,其他属性可以实现,说明图片路径的确是存在问题的 不妨你可以试一下background-image: url("../images/9050.jpg");有没有用
还有你在本页你试一下
style
.sf{
background-image: url("images/9050.jpg");
width: 111px;
height: 363px;
}
/style
div class="sf" 123/div
这样能显示的话就代表你原来的的确是css路径问题。
如果此css与页面不在一个目录下 那么背景的路径将会改变 希望留意一下
还有楼上所说的 图片后面的地址不用加引号,否则可能会引起部分浏览器不能显示的错误。