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

这意味着主页正在查找徽标的其他文件夹而不是其他页面。我的猜测是你在两个地方都有一个徽标副本，而且这些图像的分辨率不同。

徽标在网站的不同页面上看起来不同

1 个答案: