Html CSS-嵌入iframe上的半径不工作

我想把iframe（Blogger）嵌入到我电脑上的部分中，并使其成为圆角。我正在使用CSS，并尝试使用

overflow:hidden如所述。出于某种奇怪的原因，我的机器无法工作-请检查图像


CSS:

HTML实现：

<section class="dnevnik">
  <iframe class="dnevnik" src ="http://ziga-lausegger.blogspot.com/" frameborder="0" scrolling="no"></iframe>
</section>



有谁能告诉我，如果我根据iframe在parrent元素上使用它，为什么溢出不起作用？
您的问题是您应用了
边界半径：10px改为
，而不是
。您的代码应该如下所示：


节iframe.dnevnik{
宽度：100%；
高度：770px；
边框：1px纯灰；
}   
iframe.dnevnik{
利润上限：83px；
边缘底部：10px；
填充：0px 0px 0px 0px；
边框：2件纯黑；
边界半径：10px；
背景：rgba（255，255，255，1.00）；
字体大小：16px；
字体系列：s10；
文本阴影：1px 1px 1px#EFEFEF；
溢出：隐藏；
}

我不太清楚你的意思。我觉得很好。预期的结果是什么？@redditor我相信如果你将边界半径增加很多，iframe最终会突出，溢出：隐藏无效。嗯，我有点困惑，但是你能看到我的网页链接上发生了溢出吗？我也上传了一张照片。我相信溢出在iframe上不起作用。老实说，我不知道为什么，但我能想到的唯一一件事是，如果你为圆角创建了一个图像（或样式化元素），并将其放置在每个角的顶部，同时使其z索引位于iframe的上方。尝试过了，但不起作用：）对不起，但是我没有注意到您和我的code.change
section.dnevnik
到
iframe.dnevnik
之间的差异。在我的示例中，iframe确实有一个边界半径
<section class="dnevnik">
  <iframe class="dnevnik" src ="http://ziga-lausegger.blogspot.com/" frameborder="0" scrolling="no"></iframe>
</section>