ロゴはウェブサイトの異なるページで異なって見える

Question

同じHTMLとCSSコードを使用しているすべてのページにロゴを貼っているのは本当に奇妙なことですが、

HTML：

<a href="Home.html"><img id="logo" src="../CONTENT/Images/Logo/1Sr2l8а.png" alt="logo"/></a> 
<div id="top"></div> 


<ul class="nav"> 
       <li><a href="Home.html">Home</a></li> 
       <li><a id="products" href="../product/LAST1.html">Products</a></li> 
       <li><a href="Home.html">Concepts</a></li> 
       <li><a href="../Contact/LAST.php">Contact</a></li> 
      </ul> 

CSS：

#logo { 
height:142px; 
width:142px; 
position:fixed; 
margin: auto; 
left: 50%; 
margin-left:-71px; 
top:2px;; 
z-index:7000; 
    } 

Answer 1

あなたのホームページはあなたのページの残りの部分よりも、別のフォルダにあります。 imgタグのロゴsrcへの参照は相対的です。

../CONTENT/Images/Logo/1Sr2l8а.png 

これは、ホームページが他のページとは異なるロゴのフォルダを探していることを意味します。私の推測では、2つの場所にロゴのコピーがあり、それらのイメージは異なる解像度になっています。