I came across a small problem in the omega-visuals.css

.pager li.pager-current {
  background: #ddd url(../images/button.png) repeat-x;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1a1a1a), color-stop(1, #5a5a5a));
  background: -moz-linear-gradient(top center, #1a1a1a 0%, #5a5a5a 100%);
  color: #FFF;
  outline: 0;
}

This produces a dark background for the current pager button for webkit and moz browsers but a light background for IE. The graphic "button.png" is a light gradient. Since the text color is set to white it is practically unreadable in IE. The button.png needs to be a dark gradient.

Comments

marcoka’s picture

marcoka CreditAttribution: marcoka commented
Status: Active » Postponed (maintainer needs more info)

what version of ie. you know that this is css 3 and ie, that pile of crap, still supports not really css3

marcoka’s picture

marcoka CreditAttribution: marcoka commented
Category: bug » support
rfarm’s picture

rfarm CreditAttribution: rfarm commented

I see the same problem with pager-current and I am viewing the problem in Internet Explorer 8

dicreat’s picture

dicreat CreditAttribution: dicreat commented

I have the same problem in IE 9 (9.0.8112.16421)

sokrplare’s picture

sokrplare CreditAttribution: sokrplare commented
Status: Postponed (maintainer needs more info) » Active

As a workaround I just dropped the following into my subtheme. Would be good if someone just does the little button-current.png gradient, but for now just used the darker color of the gradient.

.pager li.pager-current { /* handle issue http://drupal.org/node/1255786 */
  background: #5a5a5a;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1a1a1a), color-stop(1, #5a5a5a));
  background: -moz-linear-gradient(top center, #1a1a1a 0%, #5a5a5a 100%);
}