How do I set a transparent background to a div in Internet Explorer 8?

Hello,
I'm using a jQuery slider for a simple text slideshow on a homepage. The slideshow and each slide (div) have no background. When the site is viewed in Internet Explorer 8, each slide has a white background. I'm using the following IE fallbacks which according to many sources should work...
#slideText div {
          background: rgb(0, 0, 0) transparent; /* default fallback */
          background: rgba(0, 0, 0, 0.2); /* nice browsers */
          filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000); /* IE 6/7 */
          -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)"; /* IE8 */
The div's background is affected with a 20% black background but it's still over a white background. How can I get rid of this white background?
Eventually I would like this to have no background but I'm using this 20% transparency for testing. You can view the live site here: http://www.pmi.tv.
Thank you much in advance!

Older IE browsers do not support CSS level 3 rgba colors with opacity. 
MS Filters cause other undesired side effects.  I don't use them.
If you must support IE8, use a semi-transparent PNG image for your background. 
Opacity Example:
http://alt-web.com/Sample.html
Nancy O.

Similar Messages

  • How do you set a transparent background when adding an image?

    I've added a block arrow image to a slide in Captivate 4. I enabled Transparent background and selected white as the color within the Image properties. This used to work when I added the same image in Captivate 3. However, in Captivate 4, when I publish, the image displays with a white background. Though it is transparent in priview mode and on the slide iteself when i have the project open. Any ideas on what else I could do to make the image background transparent?

    Hi there
    Transparent background should still work in Captivate 4 just as it did in Captivate 3.
    There are a couple of reasons it may not do what you are expecting.
    The background isn't truly the color it appears to be. For example, it may APPEAR to be solid white (or another color) but in reality it's hundreds of varying shades of the color. This happens a lot with JPEG images.
    If the image is PNG format, I've seen Captivate become confused. Especially if the PNG already has a transparent background. So you may need to edit the image and save in a different format.
    Cheers... Rick
    Helpful and Handy Links
    Captivate Wish Form/Bug Reporting Form
    Adobe Certified Captivate Training
    SorcerStone Blog
    Captivate eBooks

  • How do I get a transparent background on the down level stage?

    How do I get a transparent background on the down level stage?

    I haven't tested this, but in your xxx_edge.js file, it looks like the stage background color is set here:
    states: {
          "Base State": {
             "${_Stage}": [
                ["color", "background-color", 'rgba(255,255,255,1)'],
                ["style", "overflow", 'hidden'],
                ["style", "height", '400px'],
                ["style", "width", '550px']
    Try changing the last value in the rgba value from 1 to 0.
    Let us know how it goes!

  • Setting a transparent background

    Is it possible to set a transparent background in Aperture 3? i.e. erase the background of a photo to plane white then setting the transparency for plane white. Attempting to make a transparent background to add the image to a photo.
    r/
    Patrick

    Welcome to the list. Make sure you read the [Help & Terms of Use|http://discussions.apple.com/help.jspa] section when you get a chance.
    No its not possible. You'll need something like Gimp or PS for that.

  • How do i make a transparent background in Photoshop Elements 13

    how do i make a transparent background in Photoshop Elements 13

    Open the picture file
    Use one of the selection tools to select the foreground
    Place the selection on its own layer (Layer>New>Layer via copy or CTRL+J) - this will be Layer 1
    Delete the background layer
    If you want to save it, use a file format which supports transparency, e.g.PNG

  • How do you create a transparent background in AE

    Hi--I'm using AE CS5 on a MacBook Pro and I'm brand new to using AE.
    How do you create a transparent background?
    I need it because I'm creating a shatter effect on a photo and want to import the AE movie into FCP and have it play on one layer while beneath it  another image will be seen when the shatter effect takes place.
    He'p me, cap'n!
    Thanks!

    Hey Guys, thanks for your replys!!
    Wow, there's a lot to check out there--great!
    I hope I'm on the right track, I just watched the video about preserving transparency and maybe I'm stupid, maybe cause I'm new, but I just want to be sure I'm on the right track. Sorry if my question was confusing, maybe cause I am a bit new.
    To reiterate: I want to export a short AE movie of a shatter glass effect on a picture. The background needs to be transparent because I will import the AE movie into FCP and place it as the top layer. On a layer beneath it will be video I want to seen as the shatter glass effect creates a 'hole'.
    I believe this url tells me how to do that: http://forums.creativecow.net/thread/2/930588
    Thanks again!
    Elmer

  • Disable set as background from right click in internet explorer 8,9,10,11 by GPO in Win Serv 2008 R2

    Hi.
    How to disable ''set as background'' from right click in internet explorer 8,9,10,11 by GPO in Win Serv 2008 R2.
    People in my domain can set their background by right click in the pics on their IE, I enabled by GPO a wallpaper by default in ''Administrative Templates > Desktop > Desktop > Desktop Wallpaper''  and I enable too the  ''Administrative Templates
    > Control Panel > Personalization > Prevent changing desktop background'' at login people have the corporative Desktop but they can change by IE. What can I do? thanks.
    <u5:p></u5:p>

    Hi,
    I test this issue, actually, in IE 11, the option "set as backgroud" is grayed out after I applied policy  Administrative Templates > Control Panel > Personalization > Prevent changing desktop background, but seems not suitable for
    other versions of IE.
    You can try other solutions listed in the similiar thread
    How to disable the "Set as Desktop background"?<o:p></o:p>
    http://social.technet.microsoft.com/Forums/en-US/889447df-8452-44b4-bcdf-bf217b75ce6f/how-to-disable-the-set-as-desktop-background?forum=windowssteadystate
    Regards<o:p></o:p>
    Yolanda
    TechNet Community Support

  • How do you save a webpage as a single file like internet explorer

    how do you save a webpage as a single file like internet explorer

    *Mozilla Archive Format: https://addons.mozilla.org/firefox/addon/mozilla-archive-format/
    *UnMHT: https://addons.mozilla.org/firefox/addon/unmht/

  • How to set up transparent background in kdestopk?

    My goal is to put four different background image (wallpapers) on each face of my Compiz-Fusion cube.
    However, the Compiz wiki says that if kdesktop draws background already, it will cover Compiz's backgrounds.
    Then, I noticed that kdemod has this http://www.kde-apps.org/content/show.ph … tent=59864
    and it is supposed to give me transparent background.
    I added BackgroundOpacity=0 in ~/.kde/share/config/kdesktoprc
    But nothing changed.
    Can some one give a little help?
    Thanks

    Like a picture behind the apps on the home screen? I think that is the wallpaper. That isn't supported on the 3rd gen. iPod touch. Only the 4th. Sorry.

  • How can i make a Transparent background in flash

    I'm developing a web page for a small business I'm new to
    flash, I have been trying to learn flash for a vary long time and
    only recently had the time and resources to do it. I have
    secsessfuly made the menu and actions to work how i wanted them to
    so when you hover over the butten a drop down menu apears however
    my problem is when i export this to the web page a white background
    is present. i need it to be transparent so you can see the web page
    under the flash menu. how can i obtain this effect?

    In your publish settings, under the HTML tab is a dropdown
    under "Window Mode". Select Transparent Windowless and hit publish.
    It will generate all the needed code to do what you ask, copy that
    and insert it into your desired page.
    Basically learn from the flash generated example, its
    properties in the embed code that have it set to "transparent".
    Take a look at the source code on to see a live example.
    www.privedisplay.com

  • How to export images with transparent background in illustrator

    H i
    I am trying  to export a png, jpeg button design with curved designs. But the white background keeps appearing when exported.
    How do I remove the white background and just have the button image.
    Thank you.

    Tony404 wrote:
    I am trying  to export a png, jpeg button design with curved designs. But the white background keeps appearing when exported.
    Are you exporting as a PNG or exporting as a JPG?
    JPG doesn't support transparency so you'll have to export as a PNG and check the Transparency box.

  • How can i set  picture as background using JPanel

    hello can you kindly tell me how i can set picture as the background of my jpanel instead of using set
    setBackground(Color.bule)

    you can use a JLayeredPane ; put a JPanel containing a JLabel based on an ImageIcon on the lowest layer of your JLayeredPane
    then, use upper layers to add components
    edit: another possibility is to override the "paint()" method of your JPanel container, and use drawImage() to paint the picture as a background

  • How to insert image with transparent background?

    I have several logos saved at .GIFs with transparent backgrounds that I would like to import into my dashboard, but it seems that the image component only supports JPEG.  Is there a way to import images while maintaining their transparency?

    Well, you CAN insert GIFs or other image formats.  But I have yet to figure out a way to take a GIF with a transparent background and import it into my Xcelsius while preserving the transparency.  The transparent background always just defaults to white.
    This is a crucial feature as I have some logos I want to use that are circular.  But if I can't give them a transparent background, it drastically limits their placement options.
    I know that flash does support transparency, so am I missing something here?

  • How do I maintain a transparent background when I convert to movie

    I am editing video so I can embed it into a web page and I want to maintain a transparent background when I convert the video. When I convert now it is putting in a black background automatically. I know it's probably an ez fix,please help!
    Thanks

    Kevan D. Holdsworth wrote:
    Rendering prior to export will create a black background, I believe.
    That is typically true. The key workaround is to switch the Compressor value in your Sequence Settings to Animation then, in the Advanced Settings, alter Depth to Millions of Colors+.
    Now when you render, you'll render out with an alpha channel. This way, you can export reference movies via File > Export > QT Movie, using Current Settings and import your FCP-created movie into AE, Motion, LiveType, etc on your same system and be able to maintain your alpha.
    I add this only because depending on the workflow, it's sometimes more efficient to render in FCP.

  • How do I get Flash to reload on second visit in Internet Explorer?

    I am trying to create a webpage, and am having a bit of an issue with Internet Explorer. I created the home page in Dreamweaver and have a Flash animation on that page. It plays in the page window, without opening a pop-up window. It is set to Autoplay and Loop, which is all well and good and the first time you load it, it works just fine. The problem is, if you go to another page and then navigate back to the home page, the animation doesn't restart, it just sits on the first frame. Internet Explorer is the only browser that has this issue, it works fine in all the others (Chrome, Safari, and Mozilla).
    So I am wondering what code do I need to put in to fix this problem? I have searched over the web and tried various methods, such as putting in coding to do no cache or trying to change the URL to create a random number with Flash, but so far nothing has worked. I could really use the help, as this is driving me crazy! Anybody know how to fix this problem? Thanks.

    # Delete the duplicate bookmarks in the Library (press Ctrl+Shift+B to open it).
    # In Internet Explorer, export your favorites in HTML format.
    #* [http://windows.microsoft.com/en-US/internet-explorer/add-view-organize-favorites Export and import favorites | Microsoft Support]
    # In Firefox, import the bookmarks from the HTML file.
    #* [[Import Bookmarks from a HTML file]]

Maybe you are looking for