1183963 - Draytek router status page has white-text-on-white-background, if -moz prefixed gradients aren't honored

Status: RESOLVED FIXED

(Web Compatibility :: Site Reports, defect)

Description

[Daniel Holbert [:dholbert]]

STR:
 1. Visit router demo page at http://eu.draytek.com:12760/
 2. Look at left sidebar, below "IPv6" button.

ACTUAL RESULTS: White area. (White text on a white background, as you can see if you click & drag inside that area, to select the invisible text.)

EXPECTED RESULTS: White text on gray gradient background.


That sidebar is an iframe hosted here:
  http://eu.draytek.com:12760/menu.htm
...and its source contains this CSS:
body {
  background: -moz-linear-gradient(left, #696969 0%, #B0B0B0 100%);
  background: -webkit-linear-gradient(left, #696969 0%,#B0B0B0 100%);
  background: -ms-linear-gradient(left, #696969 0%, #B0B0B0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696969', endColorstr='#B0B0B0',GradientType=1 );
  padding:5px 5px 5px 5px;
}

They don't have any standard unprefixed gradients; only prefixed ones.

This was first reported (for an actual home router, serving this content locally) in bug 1182775 comment 6.

Comment 1

[Karl Dubost💡 :karlcow]

It is fixed by the support of webkit prefixes.