Question

我正试图在一个网页上使用箱子和边界半径,并且正在展示一个白象,填补rad的场地。当你在影子影像中安全“透明”形象时,想像你那样做,把这种形象传到一片 j,或Png-8档案中。

Here is an image to show you what I mean.

(i cant post images yet, but here is the link) https://i.stack.imgur.com/DpqYK.png

我正把这一点作为我的科斯塔科

.whole
{
width: 1000px;
margin: 0 auto;
-webkit-box-shadow: 0px 3px 5px 2px #000000;
-mox-box-shadow: 0px 3px 5px 2px #000000;
box-shadow: 0px 3px 5px 2px #000000; 
}


.top
{
height: 120px;
background-color: #1F1209;
margin-top: 50px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.footer
{
height: 250px;
background-color: #834C24;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

因此,谁知道我是否能够解决这个问题? 情况正好像是“E”和“IE”。不过,我已主动在其他浏览器中检查。

I would really prefer not to use a Photoshopped image... As CSS3 should definitely be used.

对此有何想法? 我非常赞赏任何帮助!

感谢你们的民俗!

Answer 1

你们的ip

简捷径3

border-radius:0px 0px 0px 0px;

<!-- [top left] [top right] [bottom right] [bottom left] -->

如果你这样做,就会更容易。

以及盒式影子...... 我不知道为什么如此,但我使用了这一守则,而且它运作良好。

box-shadow:0px 0px 10px black;

<!-- in case you don t know ...  [x coordinate] [y coordinate] [size of shadow] [color] -->

Well, I don t know if these codes will work on IE because I don t use IE browser and my computer will suddenly hang for a bit but... anyways.

我重写了你的班子守则之一,我希望它能够发挥作用。

.footer
{
    height: 250px;
    background-color: #834C24;
    border-radius:10px 10px 10px 10px;
    box-shadow:0px 0px 50px black;
}

我认为,即使你不提——webkit-和-moz-,Burent和Khat将照此办理。我希望它也在教职员工协会工作。

Anyways... that s it. Hope that ll work.

Answer 2

你很可能有与集装箱有关的背景颜色。

Answer 3

边界半径财产在IE9+、4+、 Chrome、Sato 5+和OM中得到支持,因为它是CSS3财产。 The syntax is:

border-radius: 1-4 length|% / 1-4 length|%;

<><>Example 1>

border-radius:2em;

相当于:

border-top-left-radius:2em;
 border-top-right-radius:2em;
 border-bottom-right-radius:2em;
 border-bottom-left-radius:2em;

<><>Example 2>

border-radius: 2em 1em 4em / 0.5em 3em;

相当于:

border-top-left-radius: 2em 0.5em;
 border-top-right-radius: 1em 3em;
 border-bottom-right-radius: 4em 0.5em;
 border-bottom-left-radius: 1em 3em;

友情链接