Question

我有一个网站，我想使用.less而不是.css但我有一个边框半径的问题，如果我将相同的代码复制到css文件中工作.less doens.'t work，it doesn'取我的半径，div是矩形的。我使用了编译器，它给了我0错误。我不知道是否是兼容性问题。这是我的代码，但在

中没有用

css work ：

.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）

border radius .less不起作用

1 个答案: