http://www.nanaplum.com/collections/frontpage/products/hurricane-sandy-red-cross
ロゴはリンクであり、そのhrefはhttp://www.nanaplum.comです。
しかし、実際には機能しません、なぜですか?
http://www.nanaplum.com/collections/frontpage/products/hurricane-sandy-red-cross
ロゴはリンクであり、そのhrefはhttp://www.nanaplum.comです。
しかし、実際には機能しません、なぜですか?
この#cart-summaryのパディングトップと高さを削除してください。このdivはそのロゴ上を移動するため、リンクは機能しません。
のcss属性position:relative
を削除しますdiv#cart-summary
。
これによりdiv#cart-summary
、ロゴがオーバーループになります。
div#cart-summaryがその前にあります。
FirebugやChromeの開発者ツールなどのツールは、この種の問題をデバッグするのに適しています。Chromeでは、[>>要素の検査]を右クリックして、いろいろと見て回ることができます。これを行うと、ページを操作したり、そのdivノードを削除したり、リンクにアクセスできるようになったことを確認したり、マークアップまたはCSSで修正する方法を決定したりできます。
次に、 z-indexについて学びます。