border radius .less不起作用

Question

我有一个网站,我想使用.less而不是.css但我有一个边界半径的问题,如果我将相同的代码复制到一个css文件工作.less doens.'t工作,它不需要我的半径和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>

Answer 1

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

应该

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

否则你得到一个师.

少即是在引进的只是做括号内分工,使有效的CSS是没有改变政策的过程中,但这将是在未来的版本(例如,也许1.4.0)