Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 05/09/2017 BIG Autumn SALE

    Use AUTUMN17 coupon code to buy our WordPress or Joomla! extensions with 25% discount. Hurry up! The offer is valid till 11 September.

  • 14/04/2017 Happy Easter

    Wish a Happy Easter and give 30% discount for all our WordPress and Joomla! extensions. Use EASTER17 coupon code. The offer is valid till 17 April.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

IE PROBLEM
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: IE PROBLEM
#10129
IE PROBLEM 6 Years, 9 Months ago Karma: 0
Hi, the timer images don't display!! Why?

This is a css:

/* CONTAINER */
div.orbit { margin: 0 auto; width: 1px; height: 1px; overflow: hidden; position: relative; background: url('images/loading.gif') no-repeat center center; }
div.orbit .orbit-item { position: absolute; top: 0; left: 0; }
div.orbit .orbit-item A,
div.orbit .orbit-item IMG { display: block; position: relative; }

/* TIMER */
div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right:10px;
opacity: .6; cursor: pointer; z-index: 1000; }
span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('images/rotator-black.png') no-repeat; z-index: 3; }
span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }
span.rotator.move { left: 0; }
span.mask.move { width: 40px; left: 0; background: url('images/timer-black.png') repeat 0px 0px; }
span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0px; background: url('images/pause-black.png') no-repeat; z-index: 4;
opacity: 0; }
div.timer:hover span.pause,
span.pause.active,
div.timer:hover span.pause.active {
opacity: 1; }

/* CAPTIONS */
div.caption { background: #000; background: rgba(0,0,0,.6); width: 100%; z-index: 1000; position: absolute; bottom:-50px; color: #fff; }
div.caption p { padding: 8px 10px 8px; font-size: 12px;
text-shadow: 0px 1px 0px rgba(0,0,0,.8); margin: 0; }
.orbit-caption { display: none; }

/* DIRECTIONAL NAV */
div.orbit:hover div.slider-nav { display: block; }
div.slider-nav { display: none; }
div.slider-nav span { width: 33px; height: 33px; text-indent: -9999px; position: absolute; z-index: 1000; top: 50%; margin-top: -16px; cursor: pointer; }
div.slider-nav span.right { background: url('images/right-arrow.png'); right: 10px; }
div.slider-nav span.left { background: url('images/left-arrow.png'); left: 10px; }

/* BULLET NAV */
.orbit-bullets { position: absolute; z-index: 1000; list-style: none; top: 10px; left: 7px; margin: 0; padding: 0; }
.orbit-bullets li { float: left; margin-left: 560px; margin-top: 275px; cursor: pointer; color: #999; text-indent: -9999px; background: url(images/bullets.png) no-repeat; 0 0; width: 7px; height: 7px; overflow: hidden; }
.orbit-bullets li.active { color: #222; background-position: -7px 0; }
The topic has been locked.
 
#10130
Re:IE PROBLEM 6 Years, 9 Months ago Karma: 666
Hello,

The module is based on Orbit Slider jQuery plugin. This plugin uses CSS 3 that create timer animation, but IE 6 - 8, doesn't support CSS 3.

Regards,
ARI Soft
The topic has been locked.
 
#10132
Re:IE PROBLEM 6 Years, 9 Months ago Karma: 0
Thanks admin,

there is a hack?
thanks again
The topic has been locked.
 
#10134
Re:IE PROBLEM 6 Years, 9 Months ago Karma: 666
What you mean under a hack? IE 6 - 8 doesn't support CSS specification version 3.0 because timer is not shown into these browsers. You can read about it on official Orbit Slider jQuery plugin page.

Regards,
ARI Soft
The topic has been locked.
 
Go to topPage: 1