0

私はCSS3Pieを使用して、IEでボックスシャドウと丸みを帯びた角を作成しています。ボックスシャドウのある背景コンテナと、最初のコンテナの上にある別のdivがあります。何が起こるかというと、ボックスの影は、両方の輪郭を完全に描くのではなく、まるで1つのコンテナであるかのようにすべてのボックスの周囲を囲んでいます。Chrome、Safari、Firefoxでは問題ないように見えますが、問題はIEだけにあります。

問題が発生しているページはこちらです。

そしてここにコードがあります、それはかなり簡単です：

<div id="standards_backing" 
class="gradient_1 gradient_2 gradient_3 gradient_4 gradient_5 gradient_6" 
style="-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: #666 0px 0px 4px;
-moz-box-shadow: #666 0px 0px 4px;
box-shadow: #666 0px 0px 4px;
background: fbfbfb;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(fbfbfb), to(f4f4f5));
background: -webkit-linear-gradient(fbfbfb, f4f4f5);
background: -moz-linear-gradient(fbfbfb, f4f4f5);
background: -ms-linear-gradient(fbfbfb, f4f4f5);
background: -o-linear-gradient(fbfbfb, f4f4f5);
background: linear-gradient(fbfbfb, f4f4f5);
-pie-background: linear-gradient(fbfbfb, f4f4f5);
behavior: url(pie.htc);">


<div id="standards_container_total">

<div 
class="standard_containers gradient_1 gradient_2 gradient_3 gradient_4 gradient_5  
gradient_6" 
style="-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: #666 0px 0px 4px;
-moz-box-shadow: #666 0px 0px 4px;
box-shadow: #666 0px 0px 4px;
background: fbfbfb;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(fbfbfb), to(f4f4f5));
background: -webkit-linear-gradient(fbfbfb, f4f4f5);
background: -moz-linear-gradient(fbfbfb, f4f4f5);
background: -ms-linear-gradient(fbfbfb, f4f4f5);
background: -o-linear-gradient(fbfbfb, f4f4f5);
background: linear-gradient(fbfbfb, f4f4f5);
-pie-background: linear-gradient(fbfbfb, f4f4f5);
behavior: url(pie.htc);">

</div></div></div>




var standards_backing = {
    "width": "690px",
    "margin-left": "17px",
    "padding-top": "35px",
    "padding-bottom": "30px"
};
var standards_container_total = {
    "width": "2968px",
    "margin-left": "-26px",
    "margin-top": "100px",
    "position": "relative"
};
var standard_containers = {
    "width": "341px",
    "margin-top": "-25px",
    "margin-left": "15px",
    "margin-right": "15px",
    "padding-top": "15px",
    "padding-bottom": "25px",
    "float": "left",
    "display": "inline-block"
};


$("#standards_backing").css(standards_backing);
$("#standards_container_total").css(standards_container_total);
$(".standard_containers").css(standard_containers);
4

1 に答える 1

0

パネルの背景色を設定しながら、背景が丸みを帯びた角からはみ出さないように設定overflow: hidden;してみてください。

于 2012-10-17T19:36:05.480 に答える