css - 具有背景颜色的透明背景图像

Question

我的背景属性有问题。它应该如下所示：

http://s14.directupload.net/file/d/3425/zbutcmqw_jpg.htm

三角形必须是透明的，我需要设置这个三角形的位置。当我使用背景时： url('images/nav.png') no-repeat #1d1d1d; 三角形不再透明。

有什么解决办法吗？

Answer 1

您需要为图片设置宽度和高度以查看它。

CSS

 .class,#id{
    background: url('images/nav.png') no-repeat #1d1d1d; 
    height:100px;
    width:100px;
    position:absolute; /* need it to set up the z-index and display your image above the nav menu */
    z-index:100;
    opacity:0.4; /* set up opacity */
    filter:alpha(opacity=40); /* ie */
    }