Hi All,
When using css shadow text on a colored background html page as following code,
<div style="font-size:60px;letter-spacing:normal;font-style:normal;font-family:verdana;color:red;filter:Shadow(color=#0000FF,strength=10);height:60px;">TESTING</div>
it looks okay on the browser. However, when printing out the page a white background appears round the text area. How do you get rid of it?
Tao"filter" is a CSS attribute that only works in Internet Explorer. Users of other browsers will not see your shadow at all! I think you should try to avoid it. (Sorry for not being able to help.)In case you do not figure out how to fix the shading, you can
create a "printer friendly" stylesheet with no shadow filter.
<link rel="stylesheet" href=http://www.webdeveloper.com/forum/archive/index.php/"print.css" media="print">
<link rel="stylesheet" href=http://www.webdeveloper.com/forum/archive/index.php/"screen.css" media="screen">
Just link them up in the document.
When using css shadow text on a colored background html page as following code,
<div style="font-size:60px;letter-spacing:normal;font-style:normal;font-family:verdana;color:red;filter:Shadow(color=#0000FF,strength=10);height:60px;">TESTING</div>
it looks okay on the browser. However, when printing out the page a white background appears round the text area. How do you get rid of it?
Tao"filter" is a CSS attribute that only works in Internet Explorer. Users of other browsers will not see your shadow at all! I think you should try to avoid it. (Sorry for not being able to help.)In case you do not figure out how to fix the shading, you can
create a "printer friendly" stylesheet with no shadow filter.
<link rel="stylesheet" href=http://www.webdeveloper.com/forum/archive/index.php/"print.css" media="print">
<link rel="stylesheet" href=http://www.webdeveloper.com/forum/archive/index.php/"screen.css" media="screen">
Just link them up in the document.