background-color: rgba alpha 透明度无效。

Question

<!-- Template -->
        <div id="weatherTemplate" data-win-control="WinJS.Binding.Template" style="display: none; ">
            <div class="weatherTemplateItem" style="width: 225px; background-color: rgba(0, 0, 0, 0.1);">
                <div class="templateContainer">
                    <img class="weatherTemplateItem-Image" src="/images/weather2/na.png" data-win-bind="src: pictrue" width="80" height="80" />
                    <div class="weatherTemplateItem-Weather">
                        <div class="week" data-win-bind="innerText: week"></div>
                        <div class="w" data-win-bind="innerText: w"></div>
                        <div data-win-bind="innerText: t"></div>
                        <div data-win-bind="innerText: wind" style="font-size: 12px;"></div>
                    </div>
                </div>
            </div>
        </div>

以上代码中的style样式background-color: rgba(0, 0, 0, 0.1); 最后的结果是：这个Div层背景颜色是黑色的，没有任何透明效果。

而我把这个样式加在除id="weatherTemplate"之外的层都会有透明效果。

没透明效果是不是与WinJS.Binding.Template组件有关系？

请帮帮我！

Answer 1

Hi,

this is an English forum. For better help and support you should ask your question in English or in one of your local forums.

---

Best Regards. When you see answers and helpful posts, please click Vote As Helpful, Propose As Answer, and/or Mark As Answer. This helps us build a healthy and positive community.

@Horizon_Net | Blog