1

我有一个站点,我想使用 .less 而不是 .css,但是我的边框半径有问题,如果我将相同的代码复制到一个 css 文件中,在 .less 中工作不会。不起作用,它不需要我的半径和 div 是矩形的。我使用了编译器,它给了我 0 个错误。不知道是不是兼容性问题。这是我的代码,它在 less 但在

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;
}

网页

<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;

否则你会得到一个部门。

Less 正在引入仅在括号内进行除法的策略,以便有效的 css 不会改变,但这将在未来的版本中(例如,可能是 1.4.0)

于 2012-08-31T10:56:46.987 回答