我的網頁不刷新僅適用於img src標籤？

每當我添加一個img src標記時，即使刷新後我的網頁也不會顯示任何更改。反之，如果我將相同的代碼複製到新文件中並用新名稱保存，則會顯示更改。我應該怎麼做才能在我的舊html文件中進行更改？這裏是我的html代碼 -我的網頁不刷新僅適用於img src標籤？

<!DOCTYPE html> 
<html> 
<head> 
    <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet"> 
    <link href="C:\Users\SHREYA\Desktop\portfolio\framework\css\css1.css" rel="stylesheet" type="text/css"> 
</head> 
<body> 
    <div class="grid"> 
     <div class="row"> 
       <div class="col-1"> 
       <div class="screenshot"><img src="C:\Users\SHREYA\Desktop\portfolio\toplist\images\app.png"></div> 
       </div> 
       <h1>text</h1> 
     </div> 
     <div class="row"> 
       <div class="col-12">image</div> 
     </div> 
       <p>FEATURED APP</p> 
     <div class="row"> 
       <div class="col-4">image</div> 
       <div class="col-4">image</div> 
       <div class="col-4">image</div> 
     </div> 
    </div> 
</body> 
</html>

這裏是我的CSS代碼 -

*{ 
    border:1px solid red; 
    font-family: 'Lato', sans-serif; 
    color:blue; 
} 

    h1{ 
     text-align:right; 
     display:block; 
    } 
    .row{ 
     width:100%; 
     display:flex; 
    } 
    .col-1{ 
     width:8.33%; 
    } 
    .col-2{ 
     width:16.66%; 
    } 
    .col-3{ 
     width:25%; 
    } 
    .col-4{ 
     width:33.33%; 
    } 
    .col-5{ 
     width:41.66%; 
    } 
    .col-6{ 
     width:50%; 
    } 
    .col-7{ 
     width:58.33%; 
    } 
    .col-8{ 
     width:66.66%; 
    } 
    .col-9{ 
     width:75%; 
    } 
    .col-10{ 
     width:83.33%; 
    } 
    .col-11{ 
     width:91.66%; 
    } 
    .col-12{ 
     width:100%; 
    } 
    .screenshot{ 
     max-width:8.33%; 
     max-height:8.33%; 
    } 
    *{ 
     -webkit-box-sizing:border-box; 
     -moz-box-sizing:border-box; 
     -ms-box-sizing:border-box; 
     box-sizing:border-box; 
    }

來源

2017-05-28 shreya jain

你是否在localhost或ho上運行代碼刺？ –

你的'網站'在哪個文件夾？嘗試並相對鏈接您的圖像 - 根目錄 - >'/images/image-name.png' - 與CSS相同 – sheriffderek

您確認您正在編輯的文件是您打開的文件嗎？我可以立即想到的兩種檢查方法包括：（1）添加一些隨機文本，保存文件，並查看文本是否在瀏覽器中加載。（2）檢查元素並查看DOM元素是否存在。 – therobinkim

改變絕對路徑相對路徑

<link href="C:\Users\SHREYA\Desktop\portfolio\framework\css\css1.css" rel="stylesheet" type="text/css"> 
<img src="C:\Users\SHREYA\Desktop\portfolio\toplist\images\app.png">

也許像下面

<link href="/framework/css/css1.css" rel="stylesheet" type="text/css"> 
<img src="/toplist/images/app.png">

來源

2017-05-28 03:26:23 HTCom

我的網頁不刷新僅適用於img src標籤？

回答

相關問題