Crossbrowser opacity in navigation

The navigation bullets below the slides have an opacity set for inactive pages. The bullets works fine in modern browsers but browser that doesn't rely on opacity: x; they are all solid - making it impossible to see which page is active.

In the css selectors .responsive-slider .pages .page and .responsive-slider .pages page.active you can easily enhance opacity: 1; with

   filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;

The same goes for all other opacity settings

Comments (0)