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)
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.
Comment 2•14 years ago
|
||
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
Updated•14 years ago
|
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.
Description
•