Logo sieht auf verschiedenen Seiten der Website anders aus

Question

Es ist wirklich seltsam, dass ich mein Logo auf allen meinen Seiten mit dem gleichen HTML- und CSS-Code habe, aber nur auf der Homepage sieht es verpixelt aus !?

Die 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> 

Die CSS:

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

Answer 1

Ihre Homepage ist in einem anderen Ordner als der Rest Ihrer Seiten. Ihr Verweis auf das Logo src im Tag img ist relativ.

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

Das bedeutet, dass die Homepage in einem anderen Ordner nach dem Logo sucht als die anderen Seiten. Ich schätze, Sie haben eine Kopie des Logos an zwei Stellen und diese Bilder haben eine andere Auflösung.