边界半径 css 不适用于飞碟

Question

我想为我的文档使用 border-radius，我苦苦挣扎，我在的堆栈溢出中发现了这段代码，但结果如下： output.pdf，为什么？

<html>
<head>
<title>JS Bin</title>
<style>
  .circle {
    border-radius: 50%;
    width: 250px;height: 250px;
    background-image:url("https://fiverr-res.cloudinary.com/t_profile_original,q_auto,f_auto/profile/photos/3864710/original/isurunix.png")
  }
</style>
</head>
<body>
  <div class='circle'></div>
</body>
</html>

Answer 1

这是因为你使用了不同的结构。试试这个：

.circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 250px;height: 250px;
    background-image:url("https://fiverr-res.cloudinary.com/t_profile_original,q_auto,f_auto/profile/photos/3864710/original/isurunix.png")
  }

Answer 2

找到问题，飞碟已过期，抱歉浪费时间。

边界半径 css 不适用于飞碟

border-radius css not working with flying saucer

html

css

java

flying-saucer