teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

4

修正

2019/02/15 20:31

投稿

_maria_
_maria_

スコア17

title CHANGED
File without changes
body CHANGED
@@ -70,7 +70,7 @@
70
70
 
71
71
  .main-menu li:hover >ul li{
72
72
  overflow: visible;
73
- top: 20px;
73
+ padding-top: 20px;
74
74
  height: 20px;
75
75
  }
76
76
 

3

修正

2019/02/15 20:31

投稿

_maria_
_maria_

スコア17

title CHANGED
File without changes
body CHANGED
@@ -1,12 +1,7 @@
1
1
  下記のHPのような、ドロップダウンメニューをCSSでつくろうとしています。
2
2
  [http://vtm.jp/](http://vtm.jp/)
3
3
 
4
- ですが、
5
- 親メニューをhoverすると、子メニュー3はhoverできるようになるのですが
6
- メニュー4をhoverしようとカーソルを移動させると、子メニューが閉じてしまいます。。。
7
-
8
-
9
- また、hoverした時に↑のようなアニメーションをつけたいのですが
4
+ hoverした時に↑のようなアニメーションをつけたいのですが
10
5
  transtionで書こうとしてもうまくいきません><
11
6
 
12
7
  アドバイスいただけませんでしょうか。

2

修正

2019/02/15 20:29

投稿

_maria_
_maria_

スコア17

title CHANGED
File without changes
body CHANGED
@@ -1,8 +1,12 @@
1
1
  下記のHPのような、ドロップダウンメニューをCSSでつくろうとしています。
2
2
  [http://vtm.jp/](http://vtm.jp/)
3
3
 
4
+ ですが、
5
+ 親メニューをhoverすると、子メニュー3はhoverできるようになるのですが
6
+ メニュー4をhoverしようとカーソルを移動させると、子メニューが閉じてしまいます。。。
4
7
 
8
+
5
- hoverした時に↑のようなアニメーションをつけたいのですが
9
+ また、hoverした時に↑のようなアニメーションをつけたいのですが
6
10
  transtionで書こうとしてもうまくいきません><
7
11
 
8
12
  アドバイスいただけませんでしょうか。

1

修正

2019/02/15 18:36

投稿

_maria_
_maria_

スコア17

title CHANGED
File without changes
body CHANGED
@@ -1,14 +1,8 @@
1
1
  下記のHPのような、ドロップダウンメニューをCSSでつくろうとしています。
2
2
  [http://vtm.jp/](http://vtm.jp/)
3
3
 
4
- そこで、↑のように
5
- 親メニューと子メニューに隙間をあけたいのですがうまくいきません。。。
6
4
 
7
- 間を開けようとすると、
8
- 見えていない子メニューのところをhoverしただけで
9
- 子メニューが開いてしまいます。。。
10
-
11
- また、hoverした時に↑のようなアニメーションをつけたいのですが
5
+ hoverした時に↑のようなアニメーションをつけたいのですが
12
6
  transtionで書こうとしてもうまくいきません><
13
7
 
14
8
  アドバイスいただけませんでしょうか。
@@ -77,6 +71,7 @@
77
71
 
78
72
  .main-menu li:hover >ul li{
79
73
  overflow: visible;
74
+ top: 20px;
80
75
  height: 20px;
81
76
  }
82
77