jQuery倒计时计时器部分隐藏
jQuery countdown timer partially hidden
我使用的是这个jQuery倒计时计时器,它在大多数情况下都很好用,但我不明白为什么倒计时的数字部分被部分隐藏。
http://techtraininghall.com/home-sound-systems-buying-guide-for-homeowners/
它不像他们演示中的那样流畅http://www.littlewebthings.com/projects/countdown/example/?style=light
我认为这与倒计时时的溢出有关,但我不能确定。任何想法都非常感谢。
在主题的样式表中:
http://techtraininghall.com/wp-content/themes/minimum/style.css?ver=2.0.1
有一组元素的line-height
定义:
/* Defaults
------------------------------------------------------------ */
body,
h1,
h2,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6,
p,
input,
select,
textarea {
color: #555;
font-family: 'Droid Serif', arial, serif;
font-size: 14px;
font-weight: normal;
line-height: 22px;
margin: 0;
padding: 0;
text-decoration: none;
}
这限制了默认的line-height:22px
,这是问题的根本原因。
要修复它,您可以在此页面中修改自定义样式:
<style id="spp-countd-header-css">
.dash .digit {margin-top: 40px;} #spp_countd_panel {display: inline-block; height: 1%;}
</style>
至:
<style id="spp-countd-header-css">
.dash .digit {margin-top: 12px; line-height: 55pt; }
#spp_countd_panel {display: inline-block; height: 1%;}
</style>
相关文章:
- 如何在窗体打开时从javascript倒计时计时器值中节省时间
- 设置倒计时计时器,IE出现问题
- MobileFirst:在客户端运行计时器作业-最佳选项
- 显示具有服务器端自动时间注销的同步倒计时计时器
- 倒计时计时器应该持续两个php页面
- 在Jquery倒计时计时器上设置每个数字的动画
- 我如何才能确保计时器设置为每天4点半,所以我不会;不用在Javascript中提及某个日期
- 如何禁用窗口.当计时器超时时,打开卸载警报
- 在Nodejs中为许多用户处理计时器
- 如果弹出窗口关闭,Javascript停止/重置计时器
- 如何在隐藏时暂停jquery计时器
- Javascript倒计时计时器倒计时未正确更新秒/分钟
- 计时器循环从不运行
- 为显示/隐藏消息 Jquery 添加计时器 intervar
- Javascript 计时器只调用一次 Code 隐藏方法
- jQuery倒计时计时器部分隐藏
- 单击时隐藏按钮,计时器用完时显示按钮
- 单击时重置计时器以进行显示和隐藏 - jquery
- 如何隐藏图像并使其显示在计时器上
- 防止隐藏标签上的Chrome计时器以1秒的分辨率运行