Таймер обратного отсчета jQuery частично скрыт

Question

Таймер обратного отсчета jQuery частично скрыт

0

Я использую этот таймер обратного отсчета jQuery, который работает хорошо по большей части, но я не могу понять, почему часть числа, которое подсчитывается, частично скрыта.

http://techtraininghall.com/home-sound-systems-buying-guide-for-homeowners/

Это не так гладко, как в их демо-версии http://www.littlewebthings.com/projects/countdown/example/?style=light

Я думаю, что это связано с переполнением, поскольку оно подсчитывается, но я не могу быть уверен. Любые идеи очень ценятся.

tbm 02 дек. 2013, в 03:08

Источник

1

Можете ли вы опубликовать изолированный код, который выполняет обратный отсчет на jfiddle.net?
Yuriy Galanter 02 дек. 2013, в 01:53

Теги:

javascript

jquery

css

jquery-plugins

1 ответ

Ещё вопросы

Можете ли вы опубликовать изолированный код, который выполняет обратный отсчет на jfiddle.net?

Arie Xiao · Accepted Answer · 2013-12-02T00-10-00.000Z

В таблице стилей вашей темы:

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 по умолчанию 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>