If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 1 of 1
  1. #1
    Junior Member
    Join Date
    Jul 2009
    Member #
    I realize there's a problem with IE opacity. See here for an example. Setek's code there fixes the problem if you supply a background color, but if your fonts are small, it doesn't. Example:
    HTML Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "">
    <style type="text/css" >
    body {
        background-color: #9cf;
        font-family: sans-serif;
        font-size: 6pt;
    p {
        padding: 10px 15px;
        background-color: #444;
        color: #fff;
    p.filter {
        opacity: 0.4;
        filter: alpha(opacity=40); /* this is because ie doesn't render the opacity property */
        zoom: 1.0; /* this triggers hasLayout */
    p.filter_nobackground {
        background-color: transparent; /* this is what happens without a background colour */
        opacity: 0.4; /* ie 6 & 7 */
        filter: alpha(opacity=40);
        zoom: 1.0;
    <p>This is a test paragraph</p>
    <p class="filter">This should work but doesn't!!!!!!</p>
    <p class="filter_nobackground">This is a test paragraph with the alpha opacity filter, but with no background colour set</p>
    Anyone know how to properly give an opacity to elements with a small font in IE? I'm working with version 7 at the moment if it matters.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
All times are GMT -6. The time now is 08:55 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: