2017-01-05 15 views
0

警告:私はノブです。私が知っている小さなものは、周囲をひっくり返すことから来ます。ブートストラップロールオーバーイメージにhrefリンクを追加するには?

私はブートストラップ3で作成された画像の趣味のウェブサイトを維持しています。フルサイズの画像にもリンクする反応性のあるロールオーバー画像があります。

応答性のあるロールオーバ部分は完了できましたが、リンクを追加して完全な画像を表示する方法を理解できません。

は、ここで私がこれまで持っているものです。

https://jsfiddle.net/11cmcznn/ 

HTML:私はまだ評判ポイントを持っていないので、

<div class="rollover-wrapper-1"><div class="rollover-image-1"></div> 

私はCSSを投稿することはできません。

ご協力いただければ幸いです。

答えて

0

divの前にhrefを置き、親divも閉じてください。このように

<div class="rollover-wrapper-1"><a href="http://google.com"><div class="rollover-image-1"></div></a></div> 
+0

感謝!先に試してみたときにdivを閉じるのを忘れたと思う。それはそれをした! – buckeyestargazer

0

私は別の問題に遭遇しました。フルサイズの画像にリンクするなど、ロールオーバー画像が正しく機能しています。しかし何らかの理由で、ウェブページとスタイルシートにコードを追加するたびに、どういうわけかウェブページが私のウェブサイトの間違った場所にあるスタイルシートを探しています。

私はすべての自分のウェブページに使用するスタイルシート "default.css"を持っています。このCSSシートはウェブサイトのルートにあります。しかし何らかの理由で、ロールオーバーイメージを含むウェブページに画像が表示されず、Chrome内の要素を調べるとdefault.cssがウェブサイトの特定のフォルダに見つからないという404エラーが表示されます。私はroot以外のフォルダにはdefault.cssを持っていません。

何とかウェブページが存在しない場所でスタイルシートを探しているのですが、私はその理由を知りません。

rootからそれが探しているフォルダにdefault.cssスタイルシートをコピーすると、Webページが正しく読み込まれますが、2つの同一のスタイルシートを維持する必要はありません。スタイルシートがどのようにWebページに添付されているのか分かりません。

この問題の曖昧さには申し訳ありませんが、私は情報に基づいた質問をするには十分ではありません。

関連する問題