Closed Bug 604340 Opened 14 years ago Closed 14 years ago

-moz-linear-gradient does not work as it should in CSS style atributes for page

Categories

(Core :: CSS Parsing and Computation, defect)

x86
Windows XP
defect
Not set
normal

Tracking

()

RESOLVED DUPLICATE of bug 552698

People

(Reporter: cas, Unassigned)

References

()

Details

User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB; rv:1.9.2.10) Gecko/20100914 Firefox/3.6.10 Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB; rv:1.9.2.10) Gecko/20100914 Firefox/3.6.10 When using the -moz-linear-gradient attribute in a page as a CSS style the gradient from top to bottom is in a continuous band of around 100px high. These bands continue down the whole height of the page. Reproducible: Always Steps to Reproduce: 1. put the code as shown in the source of the page in the header section of the page 2. save page 3. view in Mozilla Actual Results: Bands going across the page which are about 100px high for the whole height of the page. Expected Results: resuts not as expected Smooth gradient going from the top of the page down to the bottom.
Put questions at the TOP of the box. Use ACTUAL examples when showing how to use the attributes, not <color> <stop> etc. That is being lazy and causes confusion as to how to ACTUALLY write the code so that it works inthe reall world and not in someones small head.
I am fairly sure that this is bug 552698. Certainly adding |html {height: 100%} fixes it for me.
Component: General → Style System (CSS)
Product: Firefox → Core
QA Contact: general → style-system
Status: UNCONFIRMED → RESOLVED
Closed: 14 years ago
Resolution: --- → DUPLICATE
(In reply to comment #2) > I am fairly sure that this is bug 552698. Certainly adding |html {height: 100%} > fixes it for me. The actual code that worked is this: height: 100%; Which is placed under this line: background: -moz-linear-gradient(top, #C0CFE2, #ffffff); So that the full code for this attribute looks like this (when put in the header section): <style> background: -moz-linear-gradient(top, #C0CFE2, #ffffff); height: 100%; </style> As stated already please be CLEAR in any explanations given.
(In reply to comment #4) > (In reply to comment #2) > > I am fairly sure that this is bug 552698. Certainly adding |html {height: 100%} > > fixes it for me. > > The actual code that worked is this: > height: 100%; > > Which is placed under this line: > background: -moz-linear-gradient(top, #C0CFE2, #ffffff); > > So that the full code (if doing a whole page) for this attribute looks like >this (when put in the header section): > > <style> > body{ > background: -moz-linear-gradient(top, #C0CFE2, #ffffff); > height: 100%; > } > </style> > > As stated already please be CLEAR in any explanations given.
(In reply to comment #4) > I made an error in the code in comment 4, which is corrected in comment 5, which is the reason for the post. An edit button needs to be added. This way comments can be edited when errors are found in the comment itself. >
You need to log in before you can comment on or make changes to this bug.