border-radius css不适用于飞碟



我想为我的文档使用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>

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

.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")
}

发现问题,飞碟已经过时,很抱歉浪费时间。

最新更新