opacity

Transparent Bootstrap Panel

微笑、不失礼 提交于 2019-11-30 01:12:12
问题 I have picked this free bootstrap theme, and my problem is that I want to create transparent panels, but when I set opacity: 0.8; the text in the panel, of course, gets transparent, which is not something I would like to happen. I tried using this CSS code, but it looks like there is still something behind the heading and body and the panel doesn't get transparent. .panel-transparent .panel-heading{ background: rgba(122, 130, 136, 0.2)!important; } .panel-transparent .panel-body{ background:

How to set opacity to the background color of a div? [duplicate]

﹥>﹥吖頭↗ 提交于 2019-11-30 00:21:17
问题 This question already has answers here : CSS opacity only to background color, not the text on it? [duplicate] (11 answers) Closed 4 years ago . I have this class .box { background-color:#fff; border:3px solid #eee; } My question is how can I set an opacity to the white background only so that it will kinda mix with my background? Thank you. 回答1: CSS 3 introduces rgba colour, and you can combine it with graphics for a backwards compatible solution. 回答2: I think rgba is the quickest and

CSS: Semi-transparent background and an image

夙愿已清 提交于 2019-11-29 21:47:45
问题 body { background-image: url('cloud.png'); background-color: rgba(255, 255, 255, 0.6); } I tried using the above to produce a semi-transparent white background above a background-image. It doesn't work, only the background image is shown and the background-color appears to be ignored. How can I adjust the opacity of a body background image? 回答1: background-color is placed underneath background-image , not above it (when rendered in the web-browser). To put a semi-transparent white block over

Shadow & Opacity In css3 For IE8 (Not Match)

£可爱£侵袭症+ 提交于 2019-11-29 17:57:22
i have some images (in front of my bachground-image) with low opacity(png format) and every thing was good in ie8 & firefox until i add pie.htc(or border-radious.htc from google code) for rounded corners & Shadow Box in ie8... after adding pie.htc by : behaviour : url(pie.htc); and adding below codes : border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; box-shadow: 5px 5px 20px red; -moz-box-shadow: 5px 5px 20px red; -webkit-box-shadow: 5px 5px 20px red; the opacity of my images has gone... i test it with a simple html project and figured out when we use shadow box in ie 8

transparent background image

不羁的心 提交于 2019-11-29 17:49:39
问题 I have the following css. #mypass{ background-image: url("Images/logo.png"); background-attachment: fixed; background-position:140px 100px ; background-size: 100px; background-repeat: no-repeat; opacity:0.5; fileter:alpha(opacity=40); color: blue; } and iam using this as <div id="mypass"> <center><h2>PRAGATI ENGINEERING COLLEGE</h2> <h5>1-378,ADB Road,Surampalem-533437,E.G.Dist.,ph:08852-252233</h5></center> <% out.println("________________________________________________________"); String

Opacity on a background Drawable image in View (using XML Layout)

纵然是瞬间 提交于 2019-11-29 16:21:19
问题 I was just wondering if there was a way to change the opacity of the background image for a View (ie. TextView , etc.). I know that I can set the background image like this: android:background="@drawable/my_drawable_image" Or I can set a specific background colour with an alpha setting like this: android:background="#10f7f7f7" Is there a way I can control the opacity (set the alpha) if I'm setting the background as a drawable image? And I want to do this in the XML Layout. I already know that

Fading issues in Internet Explorer 7 when using jQuery

三世轮回 提交于 2019-11-29 15:37:28
I'm using jQuery on a site that I'm working on and everything works fine - except in Internet Explorer 7 (and previous versions, but the site doesn't support them). Take a look at http://dev.staffanestberg.com/fromsweden/ either in Safari or Firefox, then in IE7 and you'll see what I mean. I'm currently using the built-in effect FadeTo for fading the content, but I've also tried creating custom effects as well as using both Show/Hide, Animate and FadeUp/FadeDown. I'm also using SWFaddress on this site, which might cause errors in combination with IE7, but wouldn't that show up in other

Draw opacity ellipse in Delphi 2010

拟墨画扇 提交于 2019-11-29 15:02:02
问题 I am looking to draw an opacity ellipse in CodeGear Delphi 2010. I had tried to draw to an another bitmap, I had set the bitmap transparent color(for background) Call the ellipse method. And in my image I draw the bitmap with opacity parameter(from overload). But it doesn't work. I want something like this http://www.java2s.com/Tutorial/VBImages/WPF-UseOpacityMaskAndRadialGradientBrush.PNG Does anybody know an working method? 回答1: It works for me: procedure TForm1.Button1Click(Sender: TObject

opacity a:visited

蹲街弑〆低调 提交于 2019-11-29 14:16:49
I can't get opacity to work on a:visited hyperlinks in firefox or IE If I set the background color of a:visited it will work fine, but the opactity will not set. Any ideas? Here is my css: a.photo { display: inline-block; } a.photo img { border: 1px solid #C8C8C8; background-color: #ffffff; } a:hover.photo img, a:active.photo img { background-color: #FF2D59; border: 1px solid #FF2D59; } a:visited.photo img { opacity: 0.4; filter: alpha(opacity=40); /* For IE8 and earlier */ } a.small img { width: 80px; height: 80px; padding: 6px; } <a href="#" class="photo small"> <img src="http://www

Darken image on rollover

孤街醉人 提交于 2019-11-29 12:05:09
I have a list of images that need to darken on rollover. I would REALLY love to do this without a bloated css rollover technique as anytime spent out of photoshop makes me very happy. I got part of the way there but something is going wrong. Here it is live: http://daveywhitney.com/dark/ CODE: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Darken</title> <style type="text/css"> #topnav { float:left; margin:22px 0 0 50px; list-style:none; } .kitchy { background-color:#000000; width:112px; height