回答編集履歴
1
書式の修正
answer
CHANGED
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
画像の明るさを変える方法として```filter: brightness```というのがあります。
|
|
2
|
-
簡単ですがIEは対応してないし（対応させる方法はある）
|
|
2
|
+
簡単ですがIEは対応してないし（対応させる方法はある）
|
|
3
|
+
ベンダープレフィックスも必要ですので一長一短です。
|
|
3
4
|
|
|
4
|
-
もう一つは```position: absolute```などで画像の上に要素を置き、
|
|
5
|
+
もう一つは```position: absolute```などで画像の上に要素を置き、
|
|
6
|
+
その要素を画像と同じ大きさにして```z-index```で画像の上に指定、
|
|
5
|
-
```
|
|
7
|
+
```background-color: rgba(0, 0, 0, 0.3)```で**半透明の黒を被せる**方法です。
|
|
8
|
+
（rgbaの中身は適当なので調整してください。）
|
|
6
9
|
|
|
7
10
|
こっちはIE8以降対応ですが、ちょっと面倒くさいですよね。
|
|
8
11
|
お好みでご利用ください。
|