继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

关于背景图片的一点问题

慕圣9983511
关注TA
已关注
手记 1
粉丝 0
获赞 6

背景图片使用no-repeat若height不够,会流空白,背景图片引用可以使用background:url(相对路径) center no-repeat;来设置属性。

另外图片路径的问题:
同目录文件引用

1.文件在当前目录
"."——代表目前所在的目录。

例如上图中的处于同一个文件夹的网页2.html里想插入这个图片。一个简便的方法是:<img src=".image2.jpg">。并且这个'.'可以省略。也就是写成<img src="image2.jpg">,够简便了吧。这个方法非常简便和有效,例如,当你把这个文件夹拷进u盘插入其他电脑,如何写得是绝对地址,那么打开来肯定图是错。而如果是相对路径,这就没问题了。

2.文件在下级目录
"../"——代表上一级目录。../../表示源文件所在目录的上上级目录,以此类推。例如:网页1.html引用图片下的Image1.jpg。那么就要先返回上一级目录先找到图片文件夹,再找Image1.jpg。<img src=”../图片/Image1.jpg”>。同理,网页2.html引用Image下的Image1.jpg<img src=”../../图片/Image1.jpg”>
3.引用下级目录的文件,直接写下级目录文件的路径即可。网页1.html引用网站2文件夹下的Image2.jpg<img src=” ./网站2/Image2.jpg”>或者<img src=” 网站2/Image2.jpg”>图片描述

打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP