图像不在线显示?

时间:2017-08-31 13:17:44

标签: html css

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;
  }

3 个答案:

答案 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">

将您的图像放在服务器上。您可以使用许多选项将图像置于在线状态,例如imgurimgbb

而不是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">