header-top
通常のページと「ジャンプ」ページのマークアップのセクションを確認してください。
普通:
<div class="logo">
<strong>Magento Commerce</strong>
<a href="http://shop.tvornica-snova.hr/index.php/" title="Magento Commerce" class="logo">
<img src="http://shop.tvornica-snova.hr/skin/frontend/default/f002_yellow/images/logotvornica.png" alt="Magento Commerce">
</a>
</div>
ジャンピング:
<a href="http://shop.tvornica-snova.hr/index.php/" title="Magento Commerce" class="logo">
<strong>Magento Commerce</strong>
<img src="http://shop.tvornica-snova.hr/skin/frontend/default/f002_yellow/images/logotvornica.png" alt="Magento Commerce">
</a>
最初のものには への 2 つの参照が含まれclass="logo"
ており、 のルールが定義されていmargin-top: -10px;
ます。これは、ヘッダーがページの上部に最も近いページの場合です。20px
2 番目のものはマークアップが少し異なり、クラスへの参照が 1 つだけ含まれているため、10 ピクセルのシフトが表示されます。