HTML:
<img src="file:///C:/Users/magnu/Downloads/IMG_0342.JPG" alt="logo">
当我在PC上本地浏览器中运行代码时,会显示图像。但不是我在网上查看网站时。我究竟做错了什么?
CSS:
img{
width:210px;
length:210px;
-webkit-transform:rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
position:absolute;
left:600px;
top:300px;
}
答案 0 :(得分:6)
img{
width:210px;
height:210px;
-webkit-transform:rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
position:absolute;
left:100px;
top:100px;
}
<img src="http://images.all-free-download.com/images/graphiclarge/beautiful_nature_landscape_05_hd_picture_166223.jpg" alt="logo">
将您的图像放在服务器上。您可以使用许多选项将图像置于在线状态,例如imgur,imgbb
而不是length
为您的图片提供height
。
希望这有帮助。
答案 1 :(得分:0)
你必须设置它的位置与html文件的位置相比,例如,如果html文件位于c:/ html /并且img位于c:/你应该设置img src,如下src =&#34 ; ../ img.jpg&#34; &#34; ../ 34;重新退回一个文件夹
答案 2 :(得分:-1)
在src中你必须编写没有“file ///”的路径:
<img src="C:/Users/magnu/Downloads/IMG_0342.JPG" alt="logo">