我有一个 html 页面,其中有图像、文本和两个按钮
1.print page 用于打印页面
2.Hide/Show(toggle button) 用于在图像下方隐藏/显示。
页面中的图像是使用远程服务动态生成的。
在谷歌浏览器中 当我单击隐藏/显示按钮隐藏图像并单击打印按钮时,打印预览页面出现在同一页面上。 然后我取消打印页面并返回页面。 然后我再次单击隐藏/显示按钮以显示图像
这里的问题是图片没有显示在页面上。
使用 firebuglite 我发现内联 css 样式,如图像的宽度和高度为 0,因此图像不会显示在页面上。 如何在打印预览后管理图像的 css 样式,此问题仅在 Chrome 中出现。 请帮忙。
最佳答案
这是使用 javascript 的 CSS 浏览器选择器: http://rafael.adm.br/css_browser_selector/ 你可以使用它,然后添加类:
.chrome #btn{
height:30px !important;
width:100px !important;
}
关于css - 在 chrome 中打印预览后管理图像的 css 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19830963/