菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
195
0

bootstrap img不显示怎么办

原创
05/13 14:22
阅读数 116400

使用BootStrap的img样式时图片无法显示

实验BootStrap产生圆角、圆形、缩略图图片时,刚开始用的E盘绝对路径,发现浏览器里图片无法显示:

4520382078a8d9f597c0f5ad97cec50.png

然后又在项目下直接建了个文件夹,用c标签写路径,仍然是裂开的

打开浏览器的开发者工具,发现报错是:

1fedd0f8274285504b197bd56b65cd7.png

百度了一下这个的意思是:降级时不推荐

表示从https协议降为http协议时不发送referrer给跳转网站的服务器。

看来就是这种地址浏览器没有权限访问。

最后直接放在webapp下面,就能显示了:

<body>
<img src="1.JPG" class="img-rounded" width="200px"/><!--圆角-->
<img src="1.JPG" class="img-circle" width="200px"/><!--圆形-->
<img src="1.JPG" class="img-thumbnail" width="200px"/><!--缩略图-->
</body>

7722bd96e1d1062ee1f309eda12fafd.png

发表评论

0/200
195 点赞
0 评论
收藏
为你推荐 换一批