相关疑难解决方法(0)

如果设置了图像的边框半径,有没有人知道如何让Firefox裁剪角落？它包含的元素将工作正常,但我会让丑陋的角落伸出来.

有没有办法解决这个问题,而不将图像设置为背景图像或在我将其放入我的网站之前处理它？

我正在使用"draggable"属性,并发现并非所有浏览器在拖动时都以相同的方式呈现元素.具体而言,背景颜色有时取自父元素(例如Chromium 33),有时使用白色(例如Firefox 28).

<div style="background-color: #79a; padding: 4px;">
  <div style="border-radius: 12px; padding: 12px; background-color: #ead;" draggable='true' ondragstart="event.dataTransfer.setData('text/plain', 'This text may be dragged')">
    <p>Some content here that should have clean rounded corners while being dragged</p>
  </div>
</div>

见上文http://jsfiddle.net/pZv35/3/.

有没有办法(最好使用CSS)来缓解这个问题？

下面的代码：

app = QApplication([])
mainWindow = QMainWindow()
mainWindow.show()
textEdit = QTextEdit()
mainWindow.setCentralWidget(textEdit)

app.setStyleSheet("""
QTextEdit
{
    margin: 10px;
    border: 1px solid black;
    border-radius: 20px;
}
""")
app.exec_()

产生这样的结果：

奇怪的是，如果我设置背景颜色，角会按预期显示：

当我删除边框半径时，在这两种情况下，角都显示得很好，更奇怪的是，我实际上可以通过设置背景颜色来快速修复这个问题：白色。边距与问题无关，我只是这样设置，以便更容易看到问题。这里发生了什么？看起来与this question中的CSS/webkit问题类似。