人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

マウスオーバー時の矢印
http://p.tl/fPbF

こちらのサイトを制作しているのですが、「特別連載・presents」にあるスクロールするバナーの部分に、マウスを乗せると矢印が出るのですが、これをマウスを載せなくても表示したいです。
矢印周りのCSSを調べたのですが、それらしきものがなく詰まっています。
どうすれば常に表示できるでしょうか。
またもしよろしければどういった理屈でマウスオーバー時に表示がされているのか知りたいです。


●質問者: 匿名質問者
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● 匿名回答1号

(1)マウスを載せなくても表示したい
flexslider.css の65行目と66行目にある.flexslider:hover の部分を削りとる
変更前

.flexslider:hover .flex-prev { background: url(../images/arrow1.png) no-repeat left; opacity: 0.7; left: 0px; }
.flexslider:hover .flex-next { background: url(../images/arrow2.png) no-repeat right; opacity: 0.7; right: 0px; }

変更後

.flex-prev { background: url(../images/arrow1.png) no-repeat left; opacity: 0.7; left: 0px; }
.flex-next { background: url(../images/arrow2.png) no-repeat right; opacity: 0.7; right: 0px; }

(2)理屈
変更前
.flexslider:hover .flex-prev { スタイル }
id="flexslider"にマウスオーパー時にid="flex-prev"にスタイルを適用
変更後
.flex-prev { スタイル }
id="flex-prev"にスタイルを適用

関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ