现场演示: http ://codepen.io/flanker/pen/ajAow
有三个要素,如:
<div class="parent">
<div class="child"></div>
</div>
在第一个父项中,一个border-radius和子元素将溢出.在第二个父母有一个border-radius,overflow: hidden所以孩子被剪裁.他们两个都很好.
但在第三个中,父元素具有border-radius和overflow: hidden.这次我animation在子元素中添加了一个,然后overflow: hidden在Chrome中无效(版本28.0.1500.52 beta/Mac OS X 10.8.3).从父元素中可以看到子元素.
但它在Firefox(20.0)中运行良好
这是Chrome错误吗？或者我错过了任何其他CSS属性？
谢谢.
在我的Web应用程序中有一个页面,例如/ article/id.我已在此页面上添加" 打印 "链接,因此当用户单击打印链接时,他将链接到名为/ article-print/id的打印友好页面.打印友好页面使用一些不同的内容和完全不同的CSS.
这很好用.
但是当用户查看/ article/id网页并且他单击浏览器的打印按钮(文件/打印或ctrl + P)而不是我的打印链接时,打印机将打印/ article/id页面.这不是我想要的.
我可以做些什么来使点击浏览器的打印按钮重定向到其他页面,就像/ article-print/id一样？
我知道一个类似的方法,即添加一个
<link rel="stylesheet" type"text/css" href="print.css" media="print">
进入/ article/id页面.因此,当单击浏览器的打印按钮时,浏览器将使用print.css来呈现打印页面.
这也不是我想要的.我想因为我已经有了一个打印友好的页面/ article-print/id,我可以将打印按钮重定向到它吗？
谢谢.