i have been having a little bit of difficulty with getting IE browsers to show linear gradients.
this is the code that i have used so far: -
#rightsidegradientbar
-
{
-
width:50px;
-
background-image: -webkit-gradient(
-
linear,
-
right bottom,
-
left bottom,
-
color-stop(0.1, #FFFFFF),
-
color-stop(0.78, #00CCCC),
-
color-stop(1, #00CCCC)
-
);
-
background-image: -moz-linear-gradient(
-
right center,
-
#FFFFFF 10%,
-
#00CCCC 78%,
-
#00CCCC 100%
-
);
-
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#00CCCC');}
-
-
this is the furthest i have got i would appriciate any help that you could possibly give me.
2  2486 
Browsers older IE9 would not probably show linear gradients. You would need to use background image for that.
If you want a working gradient that works in IE9 you should use this code, it works for me (it also works in other browsers like Mozilla and chrome). -
background:-webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e2e2e2));
-
-
background:-moz-linear-gradient(top, #f6f6f6, #e2e2e2);
-
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#e2e2e2');
-
NOTE: I didn't use colors you did, so remember to change them.
If you want gradient in IE 8 and lower you should create another css style sheet for them and use background image and then in the <head> tags of your page use this: -
<!--[if IE 7 ]> Define path to stylesheet here <![endif]-->
-
<!--[if IE 8 ]> Define path to stylesheet here <![endif]-->
-
thank you so much mate i really do appreciate this, i have done what it is that i wanted already though
but i will need the: -
<!--[if IE 7 ]> Define path to stylesheet here <![endif]-->
-
<!--[if IE 8 ]> Define path to stylesheet here <![endif]-->
-
that you have given me
Sign in to post your reply or Sign up for a free account.
Similar topics
by: Scott David Daniels |
last post by:
I am sorry, but in the Python 2.4 description of "heapify", I find the
description of "Transform list x into a heap, in-place, in linear time,"
unbelievable. I understand the hand-wave that makes...
|
by: Kerberos |
last post by:
I haven't found in my CSS book how to create a gradient to fill a division
tag, and to create a border with round corners.
Is it possible using either CSS or JavaScript?
I'd like to create a menu...
|
by: confused |
last post by:
After expressing my interest in expanding my new knowledge of HTML and CSS
into the wild realm of JavaScript, I was advised that it is wiser to avoid
it, since not all browsers are use it or are...
|
by: code_wrong |
last post by:
Hi, as the subject says
How many browsers must we support?
How many are there exactly?
When I run this JavaScript in Firefox and IE6:
function init(){
if(document.getElementById)
alert("W3C...
|
by: Richie |
last post by:
I went through the past six months or so of entries
in c.l.javascript, and found a couple where people
had expressed opinions about the value of supporting
much older versions of Netscape and IE. ...
|
by: Warren Sarle |
last post by:
Here are two screen captures: http://www.warrensarle.com/borders.gif
of this one web page: http://www.warrensarle.com/borders.php
in IE and Firefox. A border-style of solid is rendered the same in...
|
by: ncochran |
last post by:
I need to create a windows application that will allow me to enter values for a triple linear interpolation. The program should output the answer to the center label when the user presses the "Go"...
|
by: omesh |
last post by:
hi guys..
i got a problem.. could anyone help me write a program..
the program is as follows:-
2. Solving systems of Linear equations using Iteration:
You are required to write a C++ program...
|
by: Bryon |
last post by:
My current code paints a rectangular area at the top (under the menu and
tool strip) and bottom (top of the status strip) of the main form with a
linear gradient. The problem is that when the form...
|
by: Megha Kamal |
last post by:
I created a simple web page with gradient background settings and some texts.I can see my web page in google chrome at its original structure that i give.But in IE it changes.I could not see the...
|
by: Charles Arthur |
last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
|
by: ryjfgjl |
last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
|
by: emmanuelkatto |
last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud.
Please let me know.
Thanks!
Emmanuel
|
by: BarryA |
last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
|
by: nemocccc |
last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
|
by: Sonnysonu |
last post by:
This is the data of csv file
1 2 3
1 2 3
1 2 3
1 2 3
2 3
2 3
3
the lengths should be different i have to store the data by column-wise with in the specific length.
suppose the i have to...
|
by: Hystou |
last post by:
Overview:
Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
|
by: tracyyun |
last post by:
Dear forum friends,
With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
|
by: agi2029 |
last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...
| |
