1

我使用borderImage来显示一张图片（没有比例），它可以正常显示。但是如果我缩放它(transform:scale(1.2))，borderImage 会有不需要的透明线。有没有办法解决这个问题？

chrome 版本为：版本 63.0.3239.132（官方构建）（64 位）

测试代码如下：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Demo</title>
  </head>

  <body>      
      <div style='position: absolute; left: 50px; top: 50px; width: 304px; height: 200px; 
                  border-style: solid; 
                  border-width: 0px 10px; 
                  border-image: url(http://d3grnps0i0ixod.cloudfront.net/platform/image/contents/vc/42/02/41/20180119020137369738_PR20171221ILU0ITYJDI_EyyKSBVMV20180119122202307.jpg) 0 10 0 10 fill stretch; 
                  transform: scale(1.2)'>
      </div>
 </body>

</html>
4

0 回答 0