после масштабирования borderImage показывает нежелательную прозрачную линию - PullRequest
Новая
       62

после масштабирования borderImage показывает нежелательную прозрачную линию

0 голосов
/ 27 июня 2018

Я использую 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>
...