相关疑难解决方法(0)

我有一个PNG图像,有自由格式(非正方形).

我需要对此图像应用阴影效果.

标准方法......

-o-box-shadow:      12px 12px 29px #555;
-icab-box-shadow:   12px 12px 29px #555;
-khtml-box-shadow:  12px 12px 29px #555;
-moz-box-shadow:    12px 12px 29px #555;
-webkit-box-shadow: 12px 12px 29px #555;
box-shadow:         12px 12px 29px #555;

...显示此图像的阴影,就像它是一个正方形.所以,我看到我的图像和方形阴影,不符合对象的形式,显示在图像中.

有没有办法正确地做到这一点？

我有一个div标签,

 __________
|          |    
|          |    
|          |    
|__________|

我想在它上面添加一个小三角形.

 _______/\_
|          |    
|          |    
|          |    
|__________|

注意:我希望我的div标签具有某种颜色的边框,而另一种颜色则是div.比方说,我的div背景是白色的,边框应该是蓝色的.请看到这个. http://fiddle.jshell.net/pausP/

我想复制 像我能得到的像素一样完美,我在尝试做右边的阴影时遇到了麻烦.这可能与CSS？

CSS:

*{margin:0px;padding:0px;}

html {
    width:100%;
        height:100%;
      text-align: center;
    }

.bold {
    font-weight:700;
}

#ribbon {
        padding: .34em 1em;
        margin: 0;
        margin-top: 5%;
        position:relative;
        color: #000;
        text-align: center;
        letter-spacing:0.1em;
        padding-top:12px;
        padding-bottom:12px;
        display: inline-block;
        background: #ffd82b;
        z-index:100;
        box-shadow: 0 7px 0px -2px #ebeced;
    }

#ribbon:after {
        content: "";
        width:3.2em;
        bottom:-.5em;
        position:absolute;
        display:block;
        border: .9em solid #ffd82b;
        box-shadow: 0 7px 0px -2px #ebeced;
        z-index:-2;
    }

#ribbon:after {
        right: -4.3em;
        border-left-width: .75em;
        border-right-color:transparent;
    }

#content:after {
        content:"";
        bottom:-.5em;
        position:absolute;
        display:block;
        border-style:solid;
        border-color: …