質問編集履歴

3

修正

2020/04/28 08:52

投稿

n1sh1o
n1sh1o

スコア1

test CHANGED
File without changes
test CHANGED
@@ -662,78 +662,80 @@
662
662
 
663
663
  ```
664
664
 
665
+
666
+
667
+ ```HTML
668
+
669
+
670
+
671
+
672
+
673
+ HTML
674
+
675
+
676
+
677
+ <!doctype html>
678
+
679
+ <html>
680
+
681
+ <head>
682
+
683
+ <meta charset="utf-8">
684
+
685
+ <meta name="viewport" content="width=device-width">
686
+
687
+ <title>aaa</title>
688
+
689
+ <meta name="keywords" content="">
690
+
691
+ <meta name="description" content="">
692
+
693
+ <link rel="stylesheet" href="css/bootstrap-4.0.0.css">
694
+
695
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
696
+
697
+ </head>
698
+
699
+
700
+
701
+ <body>
702
+
703
+
704
+
705
+
706
+
707
+ <header>
708
+
709
+ <div id="wrapHead">
710
+
711
+
712
+
713
+ <nav class="navbar navbar-expand-lg navbar-dark">
714
+
715
+ <div class="modal-bg"></div>
716
+
717
+ <div class="container">
718
+
719
+ <p><a href="index.html"><img src="img/logo.png" alt="logo" width="165" height="34"></a></p>
720
+
721
+ <div id="nav-open" class="navbar-toggler" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" onClick="myFunc()">
722
+
723
+ <span></span>
724
+
725
+ </div> <button class="modal-close">閉じる</button>
726
+
727
+ <div class="collapse navbar-collapse" id="nav-content" data-modaibody="modal01"><div class="hamburger-top"></div>
728
+
729
+ <ul class="gNav navbar-nav category">
730
+
731
+ <li class="nav-item active"><span class="act"><a href="index.html">ホーム</a></span></li>
732
+
733
+ <li class="nav-item"><a href="about/index.html">会社情報</a>
734
+
665
735
 
666
736
 
667
- ------------------------------------
668
-
669
- ```HTML
670
-
671
- HTML
672
-
673
-
674
-
675
- <!doctype html>
676
-
677
- <html>
678
-
679
- <head>
680
-
681
- <meta charset="utf-8">
682
-
683
- <meta name="viewport" content="width=device-width">
684
-
685
- <title>aaa</title>
686
-
687
- <meta name="keywords" content="">
688
-
689
- <meta name="description" content="">
690
-
691
- <link rel="stylesheet" href="css/bootstrap-4.0.0.css">
692
-
693
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
694
-
695
- </head>
696
-
697
-
698
-
699
- <body>
700
-
701
-
702
-
703
-
704
-
705
- <header>
706
-
707
- <div id="wrapHead">
708
-
709
-
710
-
711
- <nav class="navbar navbar-expand-lg navbar-dark">
712
-
713
- <div class="modal-bg"></div>
714
-
715
- <div class="container">
716
-
717
- <p><a href="index.html"><img src="img/logo.png" alt="logo" width="165" height="34"></a></p>
718
-
719
- <div id="nav-open" class="navbar-toggler" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" onClick="myFunc()">
720
-
721
- <span></span>
722
-
723
- </div> <button class="modal-close">閉じる</button>
724
-
725
- <div class="collapse navbar-collapse" id="nav-content" data-modaibody="modal01"><div class="hamburger-top"></div>
726
-
727
- <ul class="gNav navbar-nav category">
728
-
729
- <li class="nav-item active"><span class="act"><a href="index.html">ホーム</a></span></li>
730
-
731
- <li class="nav-item"><a href="about/index.html">会社情報</a>
732
-
733
737
 
734
738
 
735
-
736
-
737
739
  </li>
738
740
 
739
741
 
@@ -748,4 +750,10 @@
748
750
 
749
751
  </header>
750
752
 
751
- </body></html>```
753
+ </body></html>
754
+
755
+
756
+
757
+
758
+
759
+ ```

2

修正

2020/04/28 08:52

投稿

n1sh1o
n1sh1o

スコア1

test CHANGED
@@ -1 +1 @@
1
- バーガーメニューでopenクラスは外れインラインにdisplay: blockが入ってメニューが消えてくれない
1
+ クリックで開く閉じるボタを押すと.open外れますメニュー内のコンテンツが消えてくれません。
test CHANGED
@@ -22,6 +22,548 @@
22
22
 
23
23
 
24
24
 
25
+ ```
26
+
27
+
28
+
29
+
30
+
31
+ .scroll-prevent {
32
+
33
+ height: 100vh;
34
+
35
+ overflow: hidden;
36
+
37
+ }
38
+
39
+ .collapse::-webkit-scrollbar { /* Chrome, Safari 対応 */
40
+
41
+ display:none;
42
+
43
+ }
44
+
45
+ .collapse::-webkit-scrollbar{
46
+
47
+ -ms-overflow-style:none;
48
+
49
+ }
50
+
51
+
52
+
53
+ html {
54
+
55
+ margin: 0;
56
+
57
+ padding: 0;overflow-y: scroll;
58
+
59
+ }
60
+
61
+
62
+
63
+ .afterClear {
64
+
65
+ overflow: hidden
66
+
67
+ }
68
+
69
+ .afterClear:after {
70
+
71
+ content: "";
72
+
73
+ clear: both;
74
+
75
+ height: 0;
76
+
77
+ display: block;
78
+
79
+ visibility: hidden
80
+
81
+ }
82
+
83
+ .flexbox {
84
+
85
+ display: flex;
86
+
87
+ justify-content: space-between;
88
+
89
+ }
90
+
91
+ #wrapHead .flexbox {
92
+
93
+ padding: 0 20px;
94
+
95
+ }
96
+
97
+ #wrapHead ul.gNav li {
98
+
99
+ display: inline-block;
100
+
101
+ text-align: center;font-size: 0.875rem;
102
+
103
+ }
104
+
105
+ #wrapHead ul.gNav li a {
106
+
107
+ display: block;
108
+
109
+ padding: 10px 20px;
110
+
111
+ text-align: center;font-weight: bold;
112
+
113
+ }
114
+
115
+ #wrapHead ul.gNav li span.act a {
116
+
117
+ position: relative;
118
+
119
+ color: #ee781f;
120
+
121
+ }
122
+
123
+ #wrapHead ul.gNav li a:hover, .wrapM ul li a:hover {
124
+
125
+ color: #ee781f;
126
+
127
+ text-decoration: none;
128
+
129
+ }
130
+
131
+ #wrapHead ul.gNav li span.act a:before {
132
+
133
+ position: absolute;
134
+
135
+ content: "";
136
+
137
+ display: block;
138
+
139
+ width: 1px;
140
+
141
+ height: 60px;
142
+
143
+ background-size: 1px auto;
144
+
145
+ top: -60px;
146
+
147
+ left: 0;right: 0;margin: auto;
148
+
149
+ }
150
+
151
+
152
+
153
+ @media(max-width: 767px) {
154
+
155
+ #nav-open {
156
+
157
+ margin: 0 0 0 auto;
158
+
159
+ display: block;
160
+
161
+ width: 30px;
162
+
163
+ height: 22px;
164
+
165
+ vertical-align: middle;
166
+
167
+ cursor: pointer;
168
+
169
+ z-index: 9999;position: absolute;
170
+
171
+ right: 20px;
172
+
173
+ top: 20px;
174
+
175
+
176
+
177
+ }
178
+
179
+ .stickey {
180
+
181
+ background-color: #FCE8F2;
182
+
183
+ padding: 10px;
184
+
185
+ height: 160px;
186
+
187
+ }
188
+
189
+ #nav-open span, #nav-open span:before, #nav-open span:after {
190
+
191
+ position: absolute;
192
+
193
+ transition: all 0.2s;
194
+
195
+ height: 3px;
196
+
197
+ width: 25px;
198
+
199
+ border-radius: 3px;
200
+
201
+ background: #232b33;
202
+
203
+ display: block;
204
+
205
+ content: '';
206
+
207
+ cursor: pointer;
208
+
209
+ z-index: 9999;
210
+
211
+ }
212
+
213
+
214
+
215
+ #nav-open span:before {
216
+
217
+ bottom: -8px;
218
+
219
+ }
220
+
221
+
222
+
223
+ #nav-open span:after {
224
+
225
+ bottom: -16px;
226
+
227
+ }
228
+
229
+ #nav-content {
230
+
231
+ display: none;
232
+
233
+ position: fixed;
234
+
235
+ width: 100%;
236
+
237
+ height: 100%;
238
+
239
+ top: 0;
240
+
241
+ left: 0;
242
+
243
+ transition: 0.3s ease-in-out;margin: 0;
244
+
245
+ }
246
+
247
+
248
+
249
+ #nav-content.open {
250
+
251
+ display: block;
252
+
253
+ opacity: 1;
254
+
255
+ position: fixed;
256
+
257
+ top: 0;
258
+
259
+ left: 0;
260
+
261
+ z-index: 9998;
262
+
263
+ width: 100%;
264
+
265
+ height: 100%;
266
+
267
+ background: rgba(128, 128, 143, 0.9);
268
+
269
+ overflow: hidden;
270
+
271
+ overflow-y: scroll;-webkit-overflow-scrolling: touch;
272
+
273
+ }
274
+
275
+
276
+
277
+ #nav-content.open:before {
278
+
279
+ content: '';
280
+
281
+ overflow: hidden;
282
+
283
+ -webkit-filter: blur(10px);
284
+
285
+ -moz-filter: blur(10px);
286
+
287
+ -o-filter: blur(10px);
288
+
289
+ -ms-filter: blur(10px);
290
+
291
+ filter: blur(10px);
292
+
293
+ z-index: -1;
294
+
295
+ }
296
+
297
+ .hamburger-top {
298
+
299
+ height: 10rem;
300
+
301
+ }
302
+
303
+ .category li {
304
+
305
+ text-align: center;
306
+
307
+ }
308
+
309
+ .category li a:hover {
310
+
311
+ background-color: rgba(92,121,153, 0.5);
312
+
313
+ }
314
+
315
+ .category-title {
316
+
317
+ padding: 0.5rem;
318
+
319
+ }
320
+
321
+
322
+
323
+ .category-title a {
324
+
325
+ color: #fff;
326
+
327
+ }
328
+
329
+
330
+
331
+ #nav-open.active span {
332
+
333
+ -webkit-transform: translateY(8px) rotate(-45deg);
334
+
335
+ transform: translateY(8px) rotate(-45deg);
336
+
337
+ }
338
+
339
+ #nav-open.active span:before {
340
+
341
+ -webkit-transform: translateY(-8px) rotate(45deg);
342
+
343
+ transform: translateY(-8px) rotate(45deg);
344
+
345
+ opacity: 0;
346
+
347
+ }
348
+
349
+ #nav-open.active span:after {
350
+
351
+ -webkit-transform: translateY(-16px) rotate(45deg);
352
+
353
+ transform: translateY(-16px) rotate(90deg);
354
+
355
+ }
356
+
357
+ }
358
+
359
+ .navbar-toggler {border: none;}
360
+
361
+ /*.navbar-toggler-icon {
362
+
363
+ background-color: #eee;初期ハンバーガー
364
+
365
+ }*/
366
+
367
+ .container {
368
+
369
+ max-width: inherit;padding: 0 20px;
370
+
371
+ }
372
+
373
+ .navbar {padding: 0 ;}
374
+
375
+
376
+
377
+ .navbar-collapse, .navbar-nav {
378
+
379
+ text-align: right;
380
+
381
+ }
382
+
383
+ .navbar-nav {
384
+
385
+ margin: 0 0 0 auto;
386
+
387
+ }
388
+
389
+ .navbar ul.under {
390
+
391
+ display: none;
392
+
393
+ }
394
+
395
+ #wrapHead .navbar ul.under li {
396
+
397
+ display: block;font-size: 0.7rem;
398
+
399
+ }
400
+
401
+ .navbar ul.under li > span {
402
+
403
+ color: #ee781f;font-weight: bold;
404
+
405
+ }
406
+
407
+ @media(max-width: 767px) {
408
+
409
+ .container {
410
+
411
+ width: 100%;
412
+
413
+ }
414
+
415
+ #wrapHead {
416
+
417
+ padding: 0;
418
+
419
+ position: fixed;z-index: 9999;
420
+
421
+ width: 100%;
422
+
423
+ }
424
+
425
+ #wrapHead .navbar{
426
+
427
+ padding: 20px 0;width: 100%;
428
+
429
+ }
430
+
431
+ #wrapHead .navbar ul.under li {
432
+
433
+ display: block;
434
+
435
+ }
436
+
437
+ #wrapHead ul.gNav li span.act a {
438
+
439
+ position: relative;
440
+
441
+ color: #ee781f;
442
+
443
+ }
444
+
445
+ .navbar-nav {
446
+
447
+
448
+
449
+ overflow: auto;
450
+
451
+
452
+
453
+ }
454
+
455
+ }
456
+
457
+ /**/
458
+
459
+ html.is-fixed,
460
+
461
+ html.is-fixed body {
462
+
463
+ overflow: hidden; height: 100%;
464
+
465
+ }
466
+
467
+ html:not(.is-fixed) .modal-close{
468
+
469
+ display: none;
470
+
471
+ }
472
+
473
+ html.is-fixed #nav-open {
474
+
475
+ display: none;
476
+
477
+ }
478
+
479
+ .modal-bg {
480
+
481
+ display: none;
482
+
483
+ position: fixed;
484
+
485
+ top: 0;
486
+
487
+ left: 0;
488
+
489
+ width: 100%;
490
+
491
+ height: 100%;
492
+
493
+ }
494
+
495
+ .modal-bg.is-show {
496
+
497
+ display: block;
498
+
499
+ }
500
+
501
+ .modal-contents {
502
+
503
+ display: none;
504
+
505
+ position: fixed;
506
+
507
+ top: 0%;
508
+
509
+ left: 0%;
510
+
511
+ width: 700px;
512
+
513
+ height: 500px;
514
+
515
+ transform: translate(-50%, -50%);
516
+
517
+ background: #ffffff;
518
+
519
+ }
520
+
521
+ .modal-contents.is-show {
522
+
523
+ display: block;
524
+
525
+ }
526
+
527
+ .modal-scroll {
528
+
529
+ height: 100%;
530
+
531
+ overflow-y: auto;
532
+
533
+ -webkit-overflow-scrolling: touch;
534
+
535
+ overflow-scrolling: touch;
536
+
537
+ z-index: 9997;
538
+
539
+ }
540
+
541
+ .modal-body {
542
+
543
+ display: none;
544
+
545
+ }
546
+
547
+ .modal-body.is-show {
548
+
549
+ display: block;
550
+
551
+ }
552
+
553
+ .modal-close {
554
+
555
+ position: absolute;
556
+
557
+ top: 0px;
558
+
559
+ right: 0;z-index: 9999;
560
+
561
+ }
562
+
563
+ ```
564
+
565
+
566
+
25
567
  ```ここに言語を入力
26
568
 
27
569
  <script type="text/javascript">
@@ -207,545 +749,3 @@
207
749
  </header>
208
750
 
209
751
  </body></html>```
210
-
211
-
212
-
213
- ```CSS
214
-
215
- /* CSS Document */
216
-
217
- .scroll-prevent {
218
-
219
- height: 100vh;
220
-
221
- overflow: hidden;
222
-
223
- }
224
-
225
- .collapse::-webkit-scrollbar { /* Chrome, Safari 対応 */
226
-
227
- display:none;
228
-
229
- }
230
-
231
- .collapse::-webkit-scrollbar{
232
-
233
- -ms-overflow-style:none;
234
-
235
- }
236
-
237
-
238
-
239
- html {
240
-
241
- margin: 0;
242
-
243
- padding: 0;overflow-y: scroll;
244
-
245
- }
246
-
247
-
248
-
249
- .afterClear {
250
-
251
- overflow: hidden
252
-
253
- }
254
-
255
- .afterClear:after {
256
-
257
- content: "";
258
-
259
- clear: both;
260
-
261
- height: 0;
262
-
263
- display: block;
264
-
265
- visibility: hidden
266
-
267
- }
268
-
269
- .flexbox {
270
-
271
- display: flex;
272
-
273
- justify-content: space-between;
274
-
275
- }
276
-
277
- #wrapHead .flexbox {
278
-
279
- padding: 0 20px;
280
-
281
- }
282
-
283
- #wrapHead ul.gNav li {
284
-
285
- display: inline-block;
286
-
287
- text-align: center;font-size: 0.875rem;
288
-
289
- }
290
-
291
- #wrapHead ul.gNav li a {
292
-
293
- display: block;
294
-
295
- padding: 10px 20px;
296
-
297
- text-align: center;font-weight: bold;
298
-
299
- }
300
-
301
- #wrapHead ul.gNav li span.act a {
302
-
303
- position: relative;
304
-
305
- color: #ee781f;
306
-
307
- }
308
-
309
- #wrapHead ul.gNav li a:hover, .wrapM ul li a:hover {
310
-
311
- color: #ee781f;
312
-
313
- text-decoration: none;
314
-
315
- }
316
-
317
- #wrapHead ul.gNav li span.act a:before {
318
-
319
- position: absolute;
320
-
321
- content: "";
322
-
323
- display: block;
324
-
325
- width: 1px;
326
-
327
- height: 60px;
328
-
329
- background-size: 1px auto;
330
-
331
- top: -60px;
332
-
333
- left: 0;right: 0;margin: auto;
334
-
335
- }
336
-
337
-
338
-
339
- @media(max-width: 767px) {
340
-
341
- #nav-open {
342
-
343
- margin: 0 0 0 auto;
344
-
345
- display: block;
346
-
347
- width: 30px;
348
-
349
- height: 22px;
350
-
351
- vertical-align: middle;
352
-
353
- cursor: pointer;
354
-
355
- z-index: 9999;position: absolute;
356
-
357
- right: 20px;
358
-
359
- top: 20px;
360
-
361
-
362
-
363
- }
364
-
365
- .stickey {
366
-
367
- background-color: #FCE8F2;
368
-
369
- padding: 10px;
370
-
371
- height: 160px;
372
-
373
- }
374
-
375
- #nav-open span, #nav-open span:before, #nav-open span:after {
376
-
377
- position: absolute;
378
-
379
- transition: all 0.2s;
380
-
381
- height: 3px;
382
-
383
- width: 25px;
384
-
385
- border-radius: 3px;
386
-
387
- background: #232b33;
388
-
389
- display: block;
390
-
391
- content: '';
392
-
393
- cursor: pointer;
394
-
395
- z-index: 9999;
396
-
397
- }
398
-
399
-
400
-
401
- #nav-open span:before {
402
-
403
- bottom: -8px;
404
-
405
- }
406
-
407
-
408
-
409
- #nav-open span:after {
410
-
411
- bottom: -16px;
412
-
413
- }
414
-
415
- #nav-content {
416
-
417
- display: none;
418
-
419
- position: fixed;
420
-
421
- width: 100%;
422
-
423
- height: 100%;
424
-
425
- top: 0;
426
-
427
- left: 0;
428
-
429
- transition: 0.3s ease-in-out;margin: 0;
430
-
431
- }
432
-
433
-
434
-
435
- #nav-content.open {
436
-
437
- display: block;
438
-
439
- opacity: 1;
440
-
441
- position: fixed;
442
-
443
- top: 0;
444
-
445
- left: 0;
446
-
447
- z-index: 9998;
448
-
449
- width: 100%;
450
-
451
- height: 100%;
452
-
453
- background: rgba(128, 128, 143, 0.9);
454
-
455
- overflow: hidden;
456
-
457
- overflow-y: scroll;-webkit-overflow-scrolling: touch;
458
-
459
- }
460
-
461
-
462
-
463
- #nav-content.open:before {
464
-
465
- content: '';
466
-
467
- overflow: hidden;
468
-
469
- -webkit-filter: blur(10px);
470
-
471
- -moz-filter: blur(10px);
472
-
473
- -o-filter: blur(10px);
474
-
475
- -ms-filter: blur(10px);
476
-
477
- filter: blur(10px);
478
-
479
- z-index: -1;
480
-
481
- }
482
-
483
- .hamburger-top {
484
-
485
- height: 10rem;
486
-
487
- }
488
-
489
- .category li {
490
-
491
- text-align: center;
492
-
493
- }
494
-
495
- .category li a:hover {
496
-
497
- background-color: rgba(92,121,153, 0.5);
498
-
499
- }
500
-
501
- .category-title {
502
-
503
- padding: 0.5rem;
504
-
505
- }
506
-
507
-
508
-
509
- .category-title a {
510
-
511
- color: #fff;
512
-
513
- }
514
-
515
-
516
-
517
- #nav-open.active span {
518
-
519
- -webkit-transform: translateY(8px) rotate(-45deg);
520
-
521
- transform: translateY(8px) rotate(-45deg);
522
-
523
- }
524
-
525
- #nav-open.active span:before {
526
-
527
- -webkit-transform: translateY(-8px) rotate(45deg);
528
-
529
- transform: translateY(-8px) rotate(45deg);
530
-
531
- opacity: 0;
532
-
533
- }
534
-
535
- #nav-open.active span:after {
536
-
537
- -webkit-transform: translateY(-16px) rotate(45deg);
538
-
539
- transform: translateY(-16px) rotate(90deg);
540
-
541
- }
542
-
543
- }
544
-
545
- /*-------------------------------*/
546
-
547
- .navbar-toggler {border: none;}
548
-
549
- /*.navbar-toggler-icon {
550
-
551
- background-color: #eee;初期ハンバーガー
552
-
553
- }*/
554
-
555
- .container {
556
-
557
- max-width: inherit;padding: 0 20px;
558
-
559
- }
560
-
561
- .navbar {padding: 0 ;}
562
-
563
-
564
-
565
- .navbar-collapse, .navbar-nav {
566
-
567
- text-align: right;
568
-
569
- }
570
-
571
- .navbar-nav {
572
-
573
- margin: 0 0 0 auto;
574
-
575
- }
576
-
577
- .navbar ul.under {
578
-
579
- display: none;
580
-
581
- }
582
-
583
- #wrapHead .navbar ul.under li {
584
-
585
- display: block;font-size: 0.7rem;
586
-
587
- }
588
-
589
- .navbar ul.under li > span {
590
-
591
- color: #ee781f;font-weight: bold;
592
-
593
- }
594
-
595
- @media(max-width: 767px) {
596
-
597
- .container {
598
-
599
- width: 100%;
600
-
601
- }
602
-
603
- #wrapHead {
604
-
605
- padding: 0;
606
-
607
- position: fixed;z-index: 9999;
608
-
609
- width: 100%;
610
-
611
- }
612
-
613
- #wrapHead .navbar{
614
-
615
- padding: 20px 0;width: 100%;
616
-
617
- }
618
-
619
- #wrapHead .navbar ul.under li {
620
-
621
- display: block;
622
-
623
- }
624
-
625
- #wrapHead ul.gNav li span.act a {
626
-
627
- position: relative;
628
-
629
- color: #ee781f;
630
-
631
- }
632
-
633
- .navbar-nav {
634
-
635
-
636
-
637
- overflow: auto;
638
-
639
-
640
-
641
- }
642
-
643
- }
644
-
645
- /**/
646
-
647
- html.is-fixed,
648
-
649
- html.is-fixed body {
650
-
651
- overflow: hidden; height: 100%;
652
-
653
- }
654
-
655
- html:not(.is-fixed) .modal-close{
656
-
657
- display: none;
658
-
659
- }
660
-
661
- html.is-fixed #nav-open {
662
-
663
- display: none;
664
-
665
- }
666
-
667
- .modal-bg {
668
-
669
- display: none;
670
-
671
- position: fixed;
672
-
673
- top: 0;
674
-
675
- left: 0;
676
-
677
- width: 100%;
678
-
679
- height: 100%;
680
-
681
- }
682
-
683
- .modal-bg.is-show {
684
-
685
- display: block;
686
-
687
- }
688
-
689
- .modal-contents {
690
-
691
- display: none;
692
-
693
- position: fixed;
694
-
695
- top: 0%;
696
-
697
- left: 0%;
698
-
699
- width: 700px;
700
-
701
- height: 500px;
702
-
703
- transform: translate(-50%, -50%);
704
-
705
- background: #ffffff;
706
-
707
- }
708
-
709
- .modal-contents.is-show {
710
-
711
- display: block;
712
-
713
- }
714
-
715
- .modal-scroll {
716
-
717
- height: 100%;
718
-
719
- overflow-y: auto;
720
-
721
- -webkit-overflow-scrolling: touch;
722
-
723
- overflow-scrolling: touch;
724
-
725
- z-index: 9997;
726
-
727
- }
728
-
729
- .modal-body {
730
-
731
- display: none;
732
-
733
- }
734
-
735
- .modal-body.is-show {
736
-
737
- display: block;
738
-
739
- }
740
-
741
- .modal-close {
742
-
743
- position: absolute;
744
-
745
- top: 0px;
746
-
747
- right: 0;z-index: 9999;
748
-
749
- }
750
-
751
- ```

1

書式の改善

2020/04/28 08:51

投稿

n1sh1o
n1sh1o

スコア1

test CHANGED
File without changes
test CHANGED
@@ -18,9 +18,11 @@
18
18
 
19
19
  ### 該当のソースコード
20
20
 
21
+
22
+
23
+
24
+
21
- script
25
+ ```ここに言語を入力
22
-
23
-
24
26
 
25
27
  <script type="text/javascript">
26
28
 
@@ -116,10 +118,14 @@
116
118
 
117
119
  </script>
118
120
 
121
+ ```
122
+
119
123
 
120
124
 
121
125
  ------------------------------------
122
126
 
127
+ ```HTML
128
+
123
129
  HTML
124
130
 
125
131
 
@@ -200,11 +206,11 @@
200
206
 
201
207
  </header>
202
208
 
203
- </body></html>
209
+ </body></html>```
204
-
205
-
206
-
210
+
211
+
212
+
207
- ---------css------------
213
+ ```CSS
208
214
 
209
215
  /* CSS Document */
210
216
 
@@ -741,3 +747,5 @@
741
747
  right: 0;z-index: 9999;
742
748
 
743
749
  }
750
+
751
+ ```