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

質問編集履歴

4

URLの削除

2019/02/15 06:15

投稿

EXIT
EXIT

スコア43

title CHANGED
File without changes
body CHANGED
@@ -60,9 +60,4 @@
60
60
  background: url('botan.svg') no-repeat center center;
61
61
  }
62
62
  ```
63
-
64
- ### 追記
65
- ギガファイル便にて、このsvgのURLを作ったので載せておきます。
66
- [jiku.svgとbotan.svgのセット](https://30.gigafile.nu/0219-7a261c7ddd02199aa00d65032e028ad4)
67
-
68
63
  よろしくお願いします。

3

svgのURLの修正

2019/02/15 06:15

投稿

EXIT
EXIT

スコア43

title CHANGED
File without changes
body CHANGED
@@ -63,7 +63,6 @@
63
63
 
64
64
  ### 追記
65
65
  ギガファイル便にて、このsvgのURLを作ったので載せておきます。
66
- [jiku.svg](https://30.gigafile.nu/0219-cea81303aed8a9adbb009a02cbb807784)
67
- [botan.svg](https://30.gigafile.nu/0219-c0bb1c0793adedb615c261b2225fa0744)
66
+ [jiku.svgとbotan.svgのセット](https://30.gigafile.nu/0219-7a261c7ddd02199aa00d65032e028ad4)
68
67
 
69
68
  よろしくお願いします。

2

svgのURLの追加

2019/02/12 09:04

投稿

EXIT
EXIT

スコア43

title CHANGED
File without changes
body CHANGED
@@ -32,7 +32,7 @@
32
32
  width: 13px;
33
33
  height: 196px;
34
34
  float: left;
35
- background: url('../img/jiku.svg');
35
+ background: url('jiku.svg');
36
36
  }
37
37
 
38
38
  #filter input[type=range][orient=vertical] {
@@ -48,7 +48,7 @@
48
48
  -webkit-appearance: none;
49
49
  width: 35px;
50
50
  height: 16.739px;
51
- background: url('../img/botan.svg') no-repeat center center;
51
+ background: url('botan.svg') no-repeat center center;
52
52
  }
53
53
  /* Firefox */
54
54
  #filter input[type=range]::-moz-range-track {
@@ -57,7 +57,13 @@
57
57
  #filter input[type="range"]::-moz-range-thumb {
58
58
  width: 35px;
59
59
  height: 16.739px;
60
- background: url('../img/botan.svg') no-repeat center center;
60
+ background: url('botan.svg') no-repeat center center;
61
61
  }
62
62
  ```
63
+
64
+ ### 追記
65
+ ギガファイル便にて、このsvgのURLを作ったので載せておきます。
66
+ [jiku.svg](https://30.gigafile.nu/0219-cea81303aed8a9adbb009a02cbb807784)
67
+ [botan.svg](https://30.gigafile.nu/0219-c0bb1c0793adedb615c261b2225fa0744)
68
+
63
69
  よろしくお願いします。

1

リンクの追加

2019/02/12 09:01

投稿

EXIT
EXIT

スコア43

title CHANGED
File without changes
body CHANGED
@@ -1,9 +1,10 @@
1
1
  ### 問題
2
- 90°回転させて縦にしてたのですが、効果を加えるのに難があったので元から縦にしようと、[ここ](https://stackoverflow.com/questions/15935837/how-to-display-a-range-input-slider-vertically)を見て縦にしました。
2
+ 90°回転させて縦にしてたのですが、効果を加えるのに難があったので元から[縦にしよう](https://stackoverflow.com/questions/15935837/how-to-display-a-range-input-slider-vertically)と、←を見て縦にしました。
3
3
  でも、動きません。(ボタンや軸は画像です)
4
4
  どうしてでしょうか…? TT
5
5
  ![縦rangeが動かない](47720abec6f41fa35085cabe69e91b10.gif)
6
6
  このように、ボタンを触ると横にピッと動くだけで、あとは横にも縦にも動きません。
7
+ [ボタンや軸を画像にする](https://ja.stackoverflow.com/questions/19182/input-range%E3%81%AE%E3%81%A4%E3%81%BE%E3%81%BF%E3%82%92%E7%94%BB%E5%83%8F%E3%81%AB%E3%81%97%E3%81%9F%E3%81%84)のは←を参考にしました。
7
8
 
8
9
  ### 現状
9
10
  ```html