jQuery donut插件：箭头未显示在打印中
里卡多
我试图使用此jQuery插件在页面上显示一个percentaje甜甜圈：
当我将代码添加到页面时，它可以完美运行，并且您可以看到一切正常：
但是，当我进入打印预览时，没有看到指向甜甜圈上的百分比值的箭头：
经过一些研究，我看到了用于此插件的css，并且箭头具有.donut-arrow类，并且具有以下关联的样式：
/* line 38, ../sass/donuts.scss */
.donut .donut-arrow {
height: 1em;
width: .1em;
margin-left: -.05em;
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
/* line 49, ../sass/donuts.scss */
.donut .donut-arrow, .donut .donut-arrow:before {
position: absolute;
display: inline-block;
background: #333;
left: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* line 57, ../sass/donuts.scss */
.donut .donut-arrow:before {
content: '';
height: .2em;
width: .2em;
bottom: -.1em;
margin-left: -.1em;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-borderradius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}
在打印页面时，我应该添加哪种CSS样式才能看到此箭头？
任何的想法？非常感谢！
更新：我在这里添加了jsfiddle：http : //jsfiddle.net/KRcMg/
CherryFlavourPez
箭头本身是div带有背景颜色的：
.donut .donut-arrow, .donut .donut-arrow:before {
background: #333;
}
打印时不会显示背景。因此，最好的选择是尝试使用边框而不是背景色来重新创建具有相同标记的箭头。
就像是：
.donut-arrow {
width: 0;
border: .05em solid #000;
}
您需要使用来设置边框的大小em，因为这将使您根据父类保持箭头的不同大小。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
jQuery选择插件未显示结果
- 2
jquery-datatables-rails排序箭头未显示在开发环境中
- 3
Jquery中的功能未显示
- 4
VideoPlayer插件未显示在FireFox的jQuery / bootstrap模式弹出div中
- 5
jQuery验证插件未显示自定义消息
- 6
图形未显示在打印Flot.js中
- 7
该部分未显示在打印预览中？
- 8
从jquery插件打印选定的选项
- 9
jQuery FullCalendar中未显示的事件
- 10
jQuery datepicker未显示在我的应用中
- 11
jQuery方法未显示
- 12
在jQuery插件中实现$（this）
- 13
在jQuery插件中实现$（this）
- 14
在select2 jquery插件中未调用initSelection
- 15
作用域变量未绑定到jQuery插件的指令中
- 16
bxslider jquery插件中的视口高度未正确设置
- 17
在打印对话框上运行JQuery或打印预览
- 18
是否可以在jquery选择的插件选项中显示html内容？
- 19
在jQuery插件中自定义显示文本-jqpagination
- 20
为什么jQuery插件代码显示在源代码中
- 21
在 Isotope Masonry jQuery 插件中显示静态块
- 22
在 javascript/jQuery 中的 textarea 中显示新打印的文本
- 23
jQuery TableSorter-不显示排序箭头
- 24
进入jQuery插件以在TypeScript中“查看” jQuery
- 25
jQuery的打印按钮不显示
- 26
对于jquery中数组中未显示标签的每个函数
- 27
jQuery弹出框未显示
- 28
jQuery JSON响应未显示
- 29
jQuery自动完成未显示
我来说两句