我让Chrome在尊重子元素的边界半径方面遇到了一些麻烦.
这是设置:
<div class='wrapper'>
<img id='sosumi' src='http://images.apple.com/safari/images/overview_hero.jpg' />
</div>
Run Code Online (Sandbox Code Playgroud)
如果包装器是定位元素(例如位置:相对)并且具有border-radius,则边界半径将不会应用于img内容.
它也不一定是图像.填补背景的任何内容.
这是一个展示问题的简化示例页面.在Safari,Mobile Safari,Firefox或IE中查看,图像的角落将被剪切到圆角.在Chrome中查看图像溢出角落(尽管溢出:隐藏的CSS)并且看起来很丑陋.
看看:https: //dl.dropbox.com/u/433436/no-rounding/index.html
问题:是否有一些解决方法,这不是太疯狂?有谁知道为什么这会影响一个基于WebKit的浏览器而不影响其他浏览器?也许这会很快在Chrome中更新?
我无法将我的NSPopover分离到我自己的项目中的窗口,所以为了简化我尝试了Apple示例.
我下载了Apple示例项目的新副本:http: //developer.apple.com/library/mac/samplecode/Popover/Introduction/Intro.html
它的行为相同,也就是说我无法拖动窗口来分离它.
该项目似乎提供了所有正确的窗口和控制器,并实现了detachableWindowForPopover:委托方法.但是从不调用该方法.
有谁知道可拆卸的NSPopovers的秘密?