How to make background transparent color?

Please see my stylesheet below. I tried this - application

  1. / * for IE * /.
  2. filter opacity alpha() from:=60)
  3. / * Standard CSS * /.
  4. opacity:0.6;

the rule (highlighted in blue) which applies the white background to the div, but it is all transparent when I want the background to be transparent. Can someone help me with this?

StyleSheet.CSS-

.ui-widget {}

Police-family: great Lucida, Lucida, Verdana, Arial, without serif.

do-size: 11px;

}

{body

background-image: url(images/Background.jpg);

Color: #000;

margin: 0px;

do-size: 16px;

do-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

}

{#bodyWrapper}

Width: 1004px;

left: 180px;

background-color: #FFF;

/ * for IE * /.

Filter:alpha(opacity=60);

/ * Standard CSS * /.

opacity: 0.6;

}

{#bodyContent}

margin-top: 0px;

}

#header {}

background - image: URL(images/banner.png);

height: 168px;

Width: 1001px;

padding-bottom: 200px;

}

{#storeLogo}

float: left;

}

{#headerShortcuts}

float: right;

top of the margin: 400px;

margin-right: 20px;

}

{#columnLeft}

padding-top: 5px;

Width: 190px;

}

{#columnRight}

margin-top: 30px;

margin-left: 20px;

padding-top: 5px;

}

{.infoBoxContainer}

{.infoBoxHeading}

padding: 2px;

do-size: 14px;

background-color: #F0C;

}

{.infoBoxContents}

Width: 178px;

padding-top: 6px;

padding-bottom: 10px;

padding-left: 5px;

padding-right: 5px;

do-size: 12px;

line-height: 1.5;

}

{.contentContainer}

padding-bottom: 10px;

}

.contentContainer h2 {}

do-size: 16px;

make-weight: normal;

margin-bottom: 0;

padding-bottom: 5px;

padding-left: 70px;

Color: #000000;

}

.contentText, .contentText table {}

padding: 5px 5px;

padding-left: 70px;

margin-bottom: 30px;

do-size: 16px;

line-height: 1.5;

Color: #000

}

{.productListTable}

padding: 5px;

do-size: 16px;

line-height: 1.5;

Color: #FF0000

}

.productListTable tr.alt td {}

background-color: #66FF33

}

{.fieldKey}

do-size: 14px;

make-weight: normal;

line-height: 1.5;

Width: 150px;

color: #666;

}

.fieldValue {}

do-size: 14px;

line-height: 1.5;

}

H1 {}

font size: 20px;

margin-bottom: 0;

padding-bottom: 5px;

padding-left: 70px;

padding-top: 20px;

}

IMG {}

margin-bottom: 10px;

margin-left: 5px;

margin-right: 5px;

margin-top: 70px;

}

table, {p}

do-size: 16px;

line-height: 1.5;

padding-left: 70px;

}

#piGal ul {}

list-style-type: none;

}

#piGal img {}

-webkit-box-shadow: 0px 0px 1px #000;

-moz-box-shadow: 0px 0px 1px #000;

}

#piGal .outer {}

left margin:-30px;

}

{.buttonSet}

Clear: both;

}

{.buttonAction}

float: right;

}

.boxText {do-family: Verdana, Arial, without serif; do-size: 10px ;}}

.errorBox {do-family: Verdana, Arial, without serif; do-size: 10px; background: #ffb3b5; make-weight: bold ;}}

.stockWarning {do-family: Verdana, Arial, without serif; do-size: 10px; color: #cc0033 ;}}

.productsNotifications {background: #f2fff7 ;}}

.orderEdit {do-family: Verdana, Arial, without serif; do-size: 10px; color: #70 250 d; text-decoration: underline ;}}

A {}

Color: #000000;

text-decoration: none;

}

Hover {}

text-decoration: underline;

color: #E3BA49;

}

FORM {}

display: inline;

}

{TR.header}

}

{TR.headerNavigation}

background: #9d8c1a;

}

{TD.headerNavigation}

do-family: Verdana, Arial, without serif.

do-size: 18px;

color: #ffffff;

make-weight: bold;

}

{A.headerNavigation}

color: #FFFFFF;

}

{A.headerNavigation:hover}

color: #ECCB6F;

}

{TR.headerError}

background: #ff0000;

}

{TD.headerError}

do-family: Tahoma, Verdana, Arial, without serif.

do-size: 12px;

background: #ff0000;

color: #ffffff;

make-weight: bold;

text-align: center;

}

{TR.headerInfo}

Background: #00ff00;

}

{TD.headerInfo}

do-family: Tahoma, Verdana, Arial, without serif.

do-size: 12px;

Background: #00ff00;

color: #ffffff;

make-weight: bold;

text-align: center;

}

{TR.footer}

background: #9d8c1a;

}

{TD.footer}

do-family: Verdana, Arial, without serif.

do-size: 10px;

background: #bbc3d3;

color: #ffffff;

make-weight: bold;

}

{.infoBox}

background: #b6b7cb;

}

{.infoBoxNotice}

background: #FF8E90;

}

{.infoBoxNoticeContents}

background: #FFE6E6;

do-family: Verdana, Arial, without serif.

do-size: 10px;

}

{TD.infoBoxHeading}

do-family: Verdana, Arial, without serif.

do-size: 10px;

make-weight: bold;

background: #bbc3d3;

color: #ffffff;

}

TD.infoBox, {SPAN.infoBox}

do-family: Verdana, Arial, without serif.

do-size: 10px;

}

{TR.accountHistory - odd, TR.addressBook - odd, TR.alsoPurchased - odd, TR.payment - odd, TR.productListing - odd, TR.productReviews - odd, TR.upcomingProducts - odd, TR.shippingOptions - odd

background: #f8f8f9;

}

{TR.accountHistory - same, TR.addressBook - same, TR.alsoPurchased - same, TR.payment - same, TR.productListing - same, TR.productReviews - same, TR.upcomingProducts - same, TR.shippingOptions - same

background: #f8f8f9;

}

{TABLE.productListing}

border: 1px;

border-style: solid;

border-color: #b6b7cb;

border-spacing: 1px;

}

{.productListingHeader}

table-layout: fixed;

color: #FFFFFF;

make-weight: bold;

}

.productListingHeader {Hover

color: #FFFFFF;

}

{.productListingData}

table-layout: fixed;

}

{A.pageResults}

Color: #0000FF;

}

{A.pageResults:hover}

Color: #0000FF;

background: #FFFF33;

}

TD.pageHeading, {DIV.pageHeading}

do-family: Verdana, Arial, without serif.

font size: 20px;

make-weight: bold;

color: #9a9a9a;

}

{TR.subBar}

background: #f4f7fd;

}

{TD.subBar}

do-family: Verdana, Arial, without serif.

do-size: 10px;

Color: #000000;

}

TD.main, {P.main}

do-family: Verdana, Arial, without serif.

do-size: 11px;

line-height: 1.5;

}

TD.smallText, SPAN.smallText, P.smallText {}

do-family: Verdana, Arial, without serif.

do-size: 10px;

}

{TD.accountCategory}

do-family: Verdana, Arial, without serif.

font size: 13px;

color: #aabbdd;

}

{TD.tableHeading}

do-family: Verdana, Arial, without serif.

do-size: 12px;

make-weight: bold;

}

{SPAN.newItemInCart}

do-family: Verdana, Arial, without serif.

do-size: 10px;

Color: #ff0000;

}

CHECKBOX, INPUT, RADIO, SELECT {}

do-family: Verdana, Arial, without serif.

do-size: 11px;

}

TEXTAREA {}

Width: 100%;

do-family: Verdana, Arial, without serif.

do-size: 11px;

}

{SPAN.greetUser}

do-family: Verdana, Arial, without serif.

do-size: 12px;

color: #f0a480;

make-weight: bold;

}

{TABLE.formArea}

background: #f1f9fe;

border-color: #7b9ebd;

border-style: solid;

border-width: 1px;

}

{TD.formAreaTitle}

do-family: Tahoma, Verdana, Arial, without serif.

do-size: 12px;

make-weight: bold;

}

{SPAN.markProductOutOfStock}

do-family: Tahoma, Verdana, Arial, without serif.

do-size: 12px;

color: #c76170;

make-weight: bold;

}

{SPAN.productSpecialPrice}

do-family: Verdana, Arial, without serif.

Color: #ff0000;

}

{SPAN.errorText}

do-family: Verdana, Arial, without serif.

Color: #ff0000;

}

{.moduleRow}

.moduleRowOver {background-color: #D7E9F7; cursor: pointer; cursor: hand ;}}

.moduleRowSelected {background-color: #E9F4FC ;}}

.checkoutBarFrom, .checkoutBarTo {do-family: Verdana, Arial, without serif; do-size: 10px; color: #8c8c8c ;}}

.checkoutBarCurrent {do-family: Verdana, Arial, without serif; do-size: 10px; color: #000000 ;}}

/ * message box * /.

.messageBox {do-family: Verdana, Arial, without serif; do-size: 10px ;}}

.messageStackError, .messageStackWarning {do-family: Verdana, Arial, without serif; do-size: 10px; background-color: #ffb3b5 ;}}

.messageStackSuccess {do-family: Verdana, Arial, without serif; do-size: 10px; background-color: #99ff00 ;}}

/ * requirement of entry * /.

.inputRequirement {do-family: Verdana, Arial, without serif; do-size: 10px; color: #ff0000 ;}}

/ * buttons * /.

.tdbLink a {}

.tdbLink button End Sub

/ * list of account * /.

{.accountLinkList}

list-style-type: none;

margin: 2px 2px 2px 10px;

padding: 5px;

}

{.accountLinkListEntry}

float: left;

right margin: 5px;

}

{#slide}

margin-top: 50;

margin-left: auto;

margin-right: auto;

}

Sorry...

background-color:rgba(255, 255, 255,. 6);

Tags: Dreamweaver

Similar Questions

  • How to make background changes color?

    Hey, I was watching recently a youtube video and a guy had a background resembling 5 or 6 lines wavy horizontal form, and he changed the color! He looked pretty impressive, but when I saw him, I was not really interested in this context again and the irony is that he has even posted a LINK to how to get the background that there, in the youtube description! And now that I became interested to customize my laptop more, I searched through my history in google chrome and I can't! So now what I ask people is, how to make a background that changes color? If you guys don't understand properly, then try patient and better explain, saying what im is basically "imagine that you have just a few plains wavy lines in front of you, imagine that they are blue, then imagine they turn suddenly red, then green, etc." That's basically what I mean...

    I have an Acer Aspire 5315 Laptop comes with Windows Vista Home Basic Edition...

    Hello

    You need Windows Vista Ultimate Edition or this program from Stardock (free, limited, feature the full version for $ 19.95): http://download.cnet.com/DeskScapes/3000-2336_4-10657476.html?tag=mncol

    I hope this helps.

  • How to make background Transparent?

    Hello

    Can you please tell me or show me the best way to remove the white background of the following image.

    lp (1).jpgI use photoshop CC and tried to use the magic wand, the magnetic lasso but neither worked. Y at - it a tutorial that I can study to learn the best way to achieve this. Your contribution would be greatly appreciated that I need to be able to insert just the cap on a dark background in the header for a Web site.

    Thank you.

    As the CAP is largely white, with shades of gray, try to select the white background is not working properly. With simple described like that its best to use the pen to draw around the CAP to create a path. Once you have the path, you can easily convert it to a selection and create a layer mask. Then, the bottom will be gone or at least be hidden. It should look like this. You will find that if you save my picture, it has a transparent background. I spent 30 seconds on the way, but if you do it yourself and do the lines curved it will look better.

    Hope that helps

    Terri

  • How to make a transparent background Photoshop elements 13

    How to make a transparent background Photoshop elements 13

    I opened a picture of a flower and does the following:

    1. Open the photo file
    2. The tool magnetic lasso to select the foreground
    3. Place the selection on its own layer (layer > New > layer per copy or CTRL + J)-this will be 1 layer
    4. Delete the background layer
    5. Went to file > save for web. PNG-24, checked file format forcing boxes proportion & transparency
    6. Save the file in a folder on the desktop.

    Open file with flower in PSE.

    Photo b/w open to post-secondary studies

    Flower slide the Photo tray until the work area

    If these steps do not work for you, try copying and pasting the flower to the new destination

  • How to make a transparent background when editing

    Hello

    I was wondering how to get a transparent background in flash.  I did a lot of research and have seen many forums, but I don't want my file to export to HTML.  Is it possible to have a transparent background, with some having to have a HTML file?  I try this enter into Camtasia Studio, but there is a white rectangle behind the animation, blocking all the rest.

    Thank you

    Orion31

    You export a video to enter in Camtasia? If, therefore, in the export options video there is a checkbox to say to ignore the color of the scene and to generate an alpha channel. Don't say to compress the video in Adobe Media Encoder, just take the MOV file in Camtasia.

    If you say that Camtasia supports importing of SWF files, then it would be Camtasia to make the background transparent.

  • [Locked] How to make a transparent background in my Illustrator file?

    I'm relatively new to Illustrator, (I work in CS4) and created a company for one of my clients logo.  When I place the logo in Photoshop or InDesign, the logo is in a white box.  How can I make the background transparent in the original Illustrator file?

    Illustrator > view > see the transparency grid

    You will see a checkerboard pattern indicating where you have transparency.

    Save your .ai with compatible pdf fle and place it in InDesign

    If you have placed as .eps in InDesign, you

    InDesgin >>view > display performance > high quality display

  • Make background Transparent on AIR Flash CS5 for BlackBerry Tablet Simulator Application

    Hello

    I tried to find a way make the background Transparent on the Flash CS5 for BlackBerry Tablet Simulator AIR Application and I think it has to do with my *-app.xml file.  I saw another forum mention adding the tag and the parameter 'true '.  I put it inside my tags and my .bar file would not always compile using the command line package.  As soon as I remove the label of , I can compile the .bar file and view it in the simulator of the tablet.  Does anyone have advice?

    You must assign the value true in the file of your blackberry - tablet.xml, no not your - app.xml file.

  • How to make a transparent gray screen

    Simliar to that of Director of office of BB, I need to make a transparent gray screen - all things in the background are visible, but when they are hit, nothing happens. Actually, lock screen for a while.

    Suggestions/pointers are appreciated.

    Hello

    found this J2me code you can do something like this

    rowLength is table

     int width = 480;
        int height = 120;
    
        if (rowLength== null || rowLength.length < width)
        {
          rowLength= new int[width];
          int Dimcolor = (127 << 24) | 0xffffff;
    
          for (int i = 0; i < width; i++)
          {
            rowLength[i] = Dimcolor;
          }
        }
    
        for (int y = 0; y < height; y++)
        {
          g.drawRGB(rowLength, 0, width, 0, y, width, 1, true);
        }
    
  • How to set a transparent color?

    I have a black and white linework (pdf plan of engineering) and I want to superimpose an aerial image and line it up so that show the black lines on the aerial map.  I can work with the transparencies of the layer, but what I prefer is to put white in the plan b & W at bottom transparent or transparent.  In the contrary case, it kind of gray on the antenna. Is there a way to just put a transparent color? I think I could do it before, but can't remember.

    If I understand you all what you need to do is use the advanced properties of layer. Double click on the plan B & W layer and use the mixture if slider to get the white background. Here's a red square on a white background, by adjusting the sliders on the right that the white background is removed.

  • How to make background the same on each page?

    How to make the uniform background on pages without having to do it manually? I think that it probably was sent on these forums, but I couldn't find it. Any help would be great.

    If you put a background or the master page content, it will apply to all pages using this page. I will attach a screen to show.

    You can learn more about master pages here:

    http://www.Adobe.com/products/Muse/master-pages.html

  • How to make a transparent picture of the range of colors?

    I need assistance because the transparent photo using another technique, but it still shows the edges of the image. I remember I use to make transparent pictures of the color range, but I forgot

    Select the range of colors. I use the rust-coloured cover to drop out the background.

    If you use a background layer, click the lock icon to change the bg in a normal layer layer. Selection shows the cover.

    Click on the mask icon in the layers panel to create a layer mask.

    Select the layer mask by clicking on it, then press ctrl/cmd-i to invert the mask so the selected color is abandoned.

  • Dreamweaver - texts have colorful environments - how to change background transparent?

    Hello world!

    I created the site design Web within Adobe Fireworks, I exported after the tutorials.

    Everything works fine except one thing - text!  When exporting, sliced texts are transformed into images so I changed their image to HTML type.

    Inside of the HTML I write a simple text like < p > this text is wrapped in starting and ending paragraph tags. < /p >.

    It appears correctly as text when I open the page inside the Dreamweaver. But the problem is that the text background color. Can I change the color of it in properties, but I can't put it transparent.

    Someone has any advice how to do properly? I have also attached below two images that illustrate the problem. Thank you

    p1.jpg

    p2.jpg

    Look at Adobe Muse.  It is for the non-codeurs & designers who want to just simple, basic, static HTML pages without all the advanced web features.  It might be all you need to do this.  If you register for cc complete the plan, you can try if free for 30 days.

    Pricing plans and creative Cloud membership | Adobe Creative Cloud

    Nancy O.

  • How to make background of spotlight with a picture on the front, without the color of focus, thereby showing?

    Okay, so I'm new to Illustrator and currently make a logo. I want a background color of sight with a picture appears in front of the focal point. However, when I do this the color since the shows through the image focal point. I still have the black outlines, but the before image is also colored. I want the image before remain black and white. Anyone know how I can accomplish this? It has been a real nuisance


    I have some photos of what I'm trying to do:


    (It's the vector image until I made using vectorization)


    logo.JPG


    (This is the vector image before with focus background. I want the focus to appear behind the vector image).


    logo with bulls-eye background.JPG


    I would appreciate help. Thank you!!

    The key and the circle do not seem to be filled.

    Then drag on the artboard and see if the white turns to the background color.

  • How to make a transparent background in PNG file

    I would like to make a PNG image with transparent background rather than the white background. See this link for the image:

    http://www.drifterandthegypsy.com/wp-content/uploads/2012/11/lookatthebrightside_11.jpg

    I have a very old program Photoshop Photoshop 7.

    I tried clicking on save for Web and selecting PNG-24 format and check the transparent box, but it did not work.

    Hello

    Try something like the following:

    (click on the screenshots below for more great views)

    1. Select the magic wand and put the same settings in the toolbar options as shown below.

    Click on the white area outside the yellow circle with the magic wand tool.

    2. go select > modify > Expand, and enter 1

    3. go in Edition > cut

    4. go in Image > Trim and tick transparent Pixels

    5. go to file > save for Web and choose the verified with transparent PNG-24 format

  • How to make a transparent background?

    I have a black text on white background. Just like what you see here in this post.

    I want to drag the text on some pictures. How do I get rid of the white background so I'm doing this? Thank you!

    Just drag the text in the image of the photo layer.

    (I assume that you have created the text in a separate image file and it is always on its own layer)

Maybe you are looking for