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

質問編集履歴

2

追記

2019/04/02 11:30

投稿

yu_6
yu_6

スコア22

title CHANGED
@@ -1,1 +1,1 @@
1
- CSSのborderが非表示にならない&重なってしまう
1
+ (もう少しだけお願いします)CSSのborderが非表示にならない&重なってしまう
body CHANGED
@@ -271,17 +271,13 @@
271
271
  ![イメージ説明](8802f69e0b0277cfe139a74878279d28.png)
272
272
  このように1段ずれが直ったように見えるのですが、ホバーして要素が出てくる際も`top: -1px;`になって結局別の場所でずれるので、これは失敗です。
273
273
 
274
- ---
275
-
276
- どこが原因となっているのでしょうか。よろしくお願いします。
277
-
278
274
  ### 追記
279
275
  回答下さった方、ありがとうございます。
280
276
  ホバーしてない時でも余分なborderが出ずすっきりとなり嬉しいです。
281
277
 
282
278
  ![イメージ説明](2524106084cec05f82d430a1c66fe88e.png)
283
279
 
284
- 今はこのように 子/孫メニュー の1つ1つにborderが入ってしまっているのと、孫メニューのborder-topも消えてしまっています。
280
+ ただ、今はこのように 子/孫メニュー の1つ1つにborderが入ってしまっているのと、孫メニューのborder-topも消えてしまっています。
285
281
 
286
282
  子/孫メニュー もnavのように「アウトラインの線だけ」にしたいのですが、それは可能なのでしょうか?
287
283
  `border: initial;`や`border-top: initial;`などをしてみたのですがborderが消えてしまい、うまくいきませんでした。

1

追記

2019/04/02 11:30

投稿

yu_6
yu_6

スコア22

title CHANGED
File without changes
body CHANGED
@@ -273,4 +273,17 @@
273
273
 
274
274
  ---
275
275
 
276
- どこが原因となっているのでしょうか。よろしくお願いします。
276
+ どこが原因となっているのでしょうか。よろしくお願いします。
277
+
278
+ ### 追記
279
+ 回答下さった方、ありがとうございます。
280
+ ホバーしてない時でも余分なborderが出ずすっきりとなり嬉しいです。
281
+
282
+ ![イメージ説明](2524106084cec05f82d430a1c66fe88e.png)
283
+
284
+ 今はこのように 子/孫メニュー の1つ1つにborderが入ってしまっているのと、孫メニューのborder-topも消えてしまっています。
285
+
286
+ 子/孫メニュー もnavのように「アウトラインの線だけ」にしたいのですが、それは可能なのでしょうか?
287
+ `border: initial;`や`border-top: initial;`などをしてみたのですがborderが消えてしまい、うまくいきませんでした。
288
+
289
+ もう少し、知恵をお貸し頂けると幸いです…どうぞよろしくお願いします。(__)