1

サイトがあり、.cssの代わりに.lessを使用したいのですが、境界半径に問題があります。同じコードをcssファイルにコピーすると、.lessdoensで動作します。動作しません。半径とdivは長方形です。コンパイラを使用しましたが、エラーは0になります。互換性の問題かどうかはわかりません。これは私のコードで、以下では機能しませんが、

css作業：

.colLeft{
    position:absolute;
    top:0;
    left:0;
    background:#fff;
    height:100%;
    width:24%;  
    z-index:0;
}


.colCenter{
    position:absolute;
    top:0;
    left:18%;
    height: 100%;
    width: 68%;
    background: #ccc;
    border-left: 1px solid #333;
    border-radius: 50px 0px 0px 50px / 250px 0px 0px 250px;
    z-index:100;
    overflow:hidden;
    -moz-box-shadow: 1px 1px 1px #000;
    -webkit-box-shadow: 1px 1px 1px #000;
    box-shadow: 1px 1px 1px #000;
}

.colRight{
    position:absolute;
    top:0;
    left:81%;
    background:#fff;
    height:100%;
    width:18%;  
    z-index:1000;
    border-left: 1px solid #333;
    border-radius: 50px 0px 0px 50px / 250px 0px 0px 250px;
}

HTML：

<div class="colLeft" id="one">
</div>
<div class="colCenter" id="two">
    <div class="content">
    <div class="img_background">
                <img src="img/sfondi/<?php echo (basename($_SERVER['HTTP_REFERER'],'.php'));  ?>.jpg" alt="" class="old_img"/>
            </div>
        </div>
    </div>
    </div>
    <div class="colRight" id="three">
        <a href="index.php" id="next">index</a>
        <a href="next.php" id="next">NEXT</a>
    </div>
4

1 に答える 1

7 
border-radius: 50px 0px 0px 50px / 250px 0px 0px 250px;

する必要があります

border-radius: 50px 0px 0px ~"50px / 250px" 0px 0px 250px;

それ以外の場合は除算を取得します。

有効なcssが変更されないように、角かっこ内でのみ除算を行うというポリシーを導入する過程にあるものは少なくなりますが、これは将来のリリース（たとえば、1.4.0）で行われます。

于 2012-08-31T10:56:46.987 に答える