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

質問編集履歴

2

背景のくだりを追加

2019/08/04 00:46

投稿

fffffffffffff
fffffffffffff

スコア8

title CHANGED
@@ -1,1 +1,1 @@
1
- フィルターを一部分のimgだけ除外したい
1
+ 背景を含んだフィルターを一部分のimgだけ除外したい
body CHANGED
@@ -1,11 +1,13 @@
1
1
  ```CSS
2
2
  #example {
3
+ background-image: url("画像へのパス");
3
4
  filter:grayscale(100%);
4
5
  }
5
6
  ```
6
7
  というフィルターを、example内の1つのimgタグのみフィルターを解除したいのですが出来るでしょうか?
7
8
  ```CSS
8
9
  #example :not(img.jogai){
10
+ background-image: url("画像へのパス");
9
11
  filter:grayscale(100%);
10
12
  }
11
13
  ```
@@ -18,9 +20,9 @@
18
20
  </div>
19
21
  ```
20
22
  みたいな感じかなと思ってやってみてるんですけど出来なくて…。
21
- 1.gif、2.gifに直接グレースケールフィルタを掛けろと言われるかも知れませんが、数が多くて…。
23
+ 背景や1.gif、2.gifに直接グレースケールフィルタを掛けろと言われるかも知れませんが、数が多くて…。
22
24
  ```CSS
23
- img.jogai::after{
25
+ #example img.jogai::after{
24
26
  filter:none
25
27
  }
26
28
  ```

1

擬似要素の追加

2019/08/04 00:46

投稿

fffffffffffff
fffffffffffff

スコア8

title CHANGED
File without changes
body CHANGED
@@ -18,4 +18,10 @@
18
18
  </div>
19
19
  ```
20
20
  みたいな感じかなと思ってやってみてるんですけど出来なくて…。
21
- 1.gif、2.gifに直接グレースケールフィルタを掛けろと言われるかも知れませんが、数が多くて…。
21
+ 1.gif、2.gifに直接グレースケールフィルタを掛けろと言われるかも知れませんが、数が多くて…。
22
+ ```CSS
23
+ img.jogai::after{
24
+ filter:none
25
+ }
26
+ ```
27
+ でやってみたのですができませんでした。