The code you have is a white with low opacity. 

If something white with a low opacity is above something black, you end up with a lighter shade of gray. Above red? Lighter red, etc. That is how opacity works.

Here is a [simple demo](http://jsfiddle.net/XAU9U/).

If you want it to look &#39;more white&#39;, make it less opaque:

`background:rgba(255,255,255, 0.9);`

[Demo](http://jsfiddle.net/XAU9U/1/)

For completely transparent color, use: 

    rbga(255,255,255,0)


A little more visible: 

    rbga(255,255,255,.3)

I believe 

    rgba( 0, 0, 0, 0.8 )

is equivalent in shade with `#333`.

**Live demo:** http://jsfiddle.net/8MVC5/1/

I ran a sample program and indeed destructors for stack-allocated objects are called, but is this guaranteed by the standard?

Are destructors called after a throw in C++?

I&#39;m new to this, and don&#39;t know where to start.

I want to compile a Visual Studio C# project with Mono on Linux (by command line).

The main.cs file includes these references:

    using System;
    using System.IO;
    using System.Collections.Generic;
    using System.ComponentModel;
    using System.Diagnostics;
    using System.Drawing;
    using System.Drawing.Imaging;
    using System.Net;
    using System.Text;
    using System.Text.RegularExpressions;
    using System.Xml;
    using iTextSharp.text;
    using iTextSharp.text.pdf;

I have no idea whether I need to note the references to the compiler, or whether it will pull them in itself, whether it will know where to look for them or not. I&#39;ve never done this before. But I just need to compile this project.

Thank you!

How to compile a Visual Studio C# Project with Mono

I&#39;m customizing a plugin that uses css3&#39;s rgba throughout, I&#39;m trying to figure out how to toggle it for it to render white with the opacity. At default it&#39;s near the shade of `#333`, and my attempts area leading it to blue or brown. Whats the white customization numbers? below is what I&#39;m using?

    background:rgba(255,255,255, 0.3);

create a white rgba / CSS3

I'm customizing a plugin that uses css3's rgba throughout, I'm trying to figure out how to toggle it for it to render white with the opacity. At default it's near the shade of <code>#333</code>, and my attempts area leading it to blue or brown. Whats the white customization numbers? below is what I'm using?
<pre><code class="hljs language-css">background:rgba(255,255,255, 0.3);
</code></pre>

I am trying to create a cascading effect by applying an animation to each child element. I was wondering if there is a better way to do it than this:


	.myClass img:nth-child(1){
		-webkit-animation: myAnimation 0.9s linear forwards;
	}
	.myClass img:nth-child(2){
		-webkit-animation: myAnimation 0.9s linear 0.1s forwards;
	}
	.myClass img:nth-child(3){
		-webkit-animation: myAnimation 0.9s linear 0.2s forwards;
	}
	.myClass img:nth-child(4){
		-webkit-animation: myAnimation 0.9s linear 0.3s forwards;
	}
	.myClass img:nth-child(5){
		-webkit-animation: myAnimation 0.9s linear 0.4s forwards;
	}


and so on...
So basically, I&#39;d like to have an animation starting for each child but with a delay. 
Thanks for any input!

Addition: Maybe I did not properly explain what was my concern: It&#39;s about how to do this no matter how many children I have. How to do this without having to write down the properties for every child... for example, when I don&#39;t know how many children there are going to be. 


CSS Animations with delay for each child element

I have a long form that I&#39;ve broken up into 6 steps. When the form is loaded, all of the steps are loaded, but only the first step is visible. The rest have CSS of `display:none` so they are hidden.  As a step is completed and validated with Javascript, the current step is set to `display:none` and the new step is set to `display:block`.  On the final step, the user submits the form.  However, as expected, only the fields in `display:block` element on the page are submitted. All the completed fields in the elements with `display:none` are ignored.

Is there a way to submit the fields inside the `display:none` elements?

If not, is there another way to achieve the same effect?

Submit form fields inside display:none element

As specified in the [W3 specification][1] for Tables:

&gt; Table rows may be grouped into a table head, table foot, and one or
&gt; more table body sections, using the [`THEAD`][2], [`TFOOT`][3] and [`TBODY`][4] elements,
&gt; respectively. This division enables user agents to support scrolling
&gt; of table bodies independently of the table head and foot.

I created the [following example][5], but it doesn&#39;t work.

HTML:

    &lt;table&gt;
        &lt;thead&gt;
            &lt;tr&gt;
                &lt;td&gt;Problem&lt;/td&gt;
                &lt;td&gt;Solution&lt;/td&gt;
            &lt;/tr&gt;
        &lt;/thead&gt;
        &lt;tbody&gt;
        &lt;/tbody&gt;
    &lt;/table&gt;

JS:

    $(function() {
        for (var i = 0; i &lt; 20; i++) {
            var a = Math.floor(10 * Math.random());
            var b = Math.floor(10 * Math.random());
            var row = $(&quot;&lt;tr&gt;&quot;).append($(&quot;&lt;td&gt;&quot;).html(a + &quot; + &quot; + b + &quot; =&quot;))
                               .append($(&quot;&lt;td&gt;&quot;).html(a + b));
            $(&quot;tbody&quot;).append(row);
        }
    });

CSS:

    table {
        background-color: #aaa;
    }
    tbody {
        background-color: #ddd;
        height: 100px;
        overflow: auto;
    }
    td {
        padding: 3px 10px;
    }


  [1]: http://www.w3.org/TR/html401/struct/tables.html#idx-row_group
  [2]: https://www.w3.org/TR/html401/struct/tables.html#edef-THEAD
  [3]: https://www.w3.org/TR/html401/struct/tables.html#edef-TFOOT
  [4]: https://www.w3.org/TR/html401/struct/tables.html#edef-TBODY
  [5]: http://jsfiddle.net/nyCKE/1/

How to scroll table&#39;s &quot;tbody&quot; independent of &quot;thead&quot;?

I have an image on a web page that also requires links. I am using an image map to create the links and I am wondering if there is a way to style the area shape on mouseover for a minor touch of interactivity. Is this possible?

I tried this without success:

html

    &lt;img src=&quot;{main_photo}&quot; alt=&quot;locations map&quot;  usemap=&quot;#location-map&quot; /&gt;
    &lt;map name=&quot;location-map&quot;&gt;
    	&lt;area shape=&quot;rect&quot; coords=&quot;208,230,290,245&quot; href=&quot;{site_url}locations/grand_bay_al&quot; /&gt;
    	&lt;area shape=&quot;rect&quot; coords=&quot;307,214,364,226&quot; href=&quot;{site_url}locations/mobile_al&quot; /&gt;
    	&lt;area shape=&quot;rect&quot; coords=&quot;317,276,375,290&quot; href=&quot;{site_url}locations/loxley_al&quot; /&gt;
    &lt;/map&gt;

css

    area { border: 1px solid #d5d5d5; }

Any suggestions?

 

Is it possible to style a mouseover on an image map using CSS?

I have this button image:  
![enter image description here][1]

I was wondering whether it would be possible to make a simple 

    &lt;a href=&quot;&quot;&gt;some words&lt;/a&gt; 

and style that link to appear as that button?

If it is possible, how do I do that?


  [1]: http://i.stack.imgur.com/zfJlq.png

Content Type	Original Author	Original Content on Stackoverflow
Question	Fred Randall	View Question on Stackoverflow
Solution 1 - Css	bookcasey	View Answer on Stackoverflow
Solution 2 - Css	Stefanni Becker	View Answer on Stackoverflow
Solution 3 - Css	Šime Vidas	View Answer on Stackoverflow

create a white rgba / CSS3

Css Problem Overview

Css Solutions

Solution 1 - Css

Solution 2 - Css

Solution 3 - Css

How to compile a Visual Studio C# Project with Mono

Are destructors called after a throw in C++?

Attributions