在 Chrome 中管理打印预览后图像的 CSS 样式



我有一个html页面,里面有图像,文本和两个按钮

1.

打印页面 用于打印页面2.隐藏/显示

(切换按钮)用于隐藏/显示图像下方。

页面中的图像是使用远程服务动态生成的。

在谷歌浏览器中当我单击隐藏/显示按钮隐藏图像并单击打印按钮时,打印预览页面出现在同一页面上。然后我取消打印页面并返回页面。然后我再次单击隐藏/显示按钮以显示图像

这里的问题是图像没有显示在页面上。

使用 firebuglite,我发现内联 css 样式(如图像的宽度和高度)为 0,因此图像不会显示在页面上。打印预览后如何管理图像的css样式,此问题仅在Chrome中发生。请帮忙。

这里是使用javascript的CSS浏览器选择器:http://rafael.adm.br/css_browser_selector/你可以使用它,然后添加类:

.chrome #btn{
height:30px !important;
width:100px !important;
}

相关内容

  • 没有找到相关文章

最新更新