IE11にて親要素だけを透過したい

Question

IE11で親要素の背景だけを透過させたいのですが、うまくいきません。
下記、chromeでは実現できますが、IEで同じことを実現する方法はないでしょうか。opacityを使うと子要素まで透過してしまいます。

<div class="modal-body"> <div class="items">

  <div class="item">
    <img title="item1" class="item-image" alt="item" src="item1.jpg">
    <p class="name">アイテム1</p>
  </div>

  <div class="item">
    <img title="item2" class="item-image" alt="item" src="item2.jpg">
    <p class="name">アイテム2</p>
  </div>

</div> </div>

.modal-body{
background-color:rgba(255, 255, 255, 0.3)
}

Comments

[kei344]

IE/Chromeで特に変わらないように見えますが、どの部分のことでしょうか。https://jsfiddle.net/h5r0jcz2/1/embedded/result,css,html,js

[kei344]

（質問文は編集できます）質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

[yomura0225]

ご指摘ありがとうございます。確認したところ、別のセレクタが邪魔をしていました。IE11でも透過実現しました。

Answer 1

別のセレクタが邪魔をしていたためでした。
参照していただいた方、ありがとうございました。
解決しました。