title: Setting Image Transparency
body: <p>i am having the source code </p>
  
  <pre><code>&lt;%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="condition.aspx.cs" Inherits="condition" Title="Untitled Page" %&gt;
  
  &lt;asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"&gt;
  
  &lt;p&gt;
      &lt;br /&gt;
      &lt;asp:ImageButton ID="ImageButton1" runat="server" Height="234px" 
          ImageUrl="~/images/condition.jpeg" Width="289px" /&gt;
  
  &lt;/p&gt;
  
  &lt;p style="font-size: small"&gt;
      Very often there are health issues that cannot be clearly classified under a 
      specific medical specialty. The topics under this section include health issues 
      of this kind. This section also explains symptoms related to different kinds of 
      illnesses and diseases. The different medical specialties are also covered in 
      this section.&lt;/p&gt;
  &lt;p style="font-size: small"&gt;
      &amp;nbsp;&lt;/p&gt;
                                      &lt;p style="font-size: small"&gt;
                                          &amp;nbsp;&lt;/p&gt;
                                      &lt;div class="clearfix" style="padding-left: 5px;"&gt;
                                          &lt;div style="float: left; width: 50%;"&gt;
                                              &lt;span style="font-size: small"&gt;&amp;nbsp;&lt;a 
                                                  href="http://www.aarogya.com/conditions-and-diseases/acute-diarrheal-disease.html"&gt;&lt;span 
                                                  id="act31"&gt;Acute Diarrheal Disease&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
                                              &amp;#8226;&amp;nbsp;&lt;a href="http://www.aarogya.com/conditions-and-diseases/allergy.html"&gt;&lt;span 
                                                  id="act16"&gt;Allergy&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
                                              &amp;#8226;&amp;nbsp;&lt;a href="http://www.aarogya.com/conditions-and-diseases/amebiasis.html"&gt;&lt;span 
                                                  id="act32"&gt;Amebiasis&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
                                              &amp;#8226;&amp;nbsp;&lt;a href="http://www.aarogya.com/conditions-and-diseases/appendicitis.html"&gt;&lt;span 
                                                  id="act17"&gt;Appendicitis&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
                                              &amp;#8226;&amp;nbsp;&lt;a href="http://www.aarogya.com/conditions-and-diseases/arthritis.html"&gt;&lt;span 
                                                  id="act18"&gt;Arthritis&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
                                              &amp;#8226;&amp;nbsp;&lt;a href="http://www.aarogya.com/conditions-and-diseases/asthma.html"&gt;&lt;span 
                                                  id="act19"&gt;Asthma&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
                                              &amp;#8226;&amp;nbsp;&lt;a href="http://www.aarogya.com/conditions-and-diseases/blindness.html"&gt;&lt;span 
                                                  id="act20"&gt;Blindness&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
                                              &amp;#8226;&amp;nbsp;&lt;a href="http://www.aarogya.com/conditions-and-diseases/blood-pressure.html"&gt;&lt;span 
                                                  id="act21"&gt;Blood Pressure&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
                                              &amp;#8226;&amp;nbsp;&lt;a href="http://www.aarogya.com/conditions-and-diseases/bronchitis.html"&gt;&lt;span 
                                                  id="act22"&gt;Bronchitis&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
                                              &amp;#8226;&amp;nbsp;&lt;a href="http://www.aarogya.com/conditions-and-diseases/brucellosis.html"&gt;&lt;span 
                                                  id="act33"&gt;Brucellosis&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
                                              &amp;#8226;&amp;nbsp;&lt;a href="http://www.aarogya.com/conditions-and-diseases/chicken-pox.html"&gt;&lt;span 
                                                  id="act34"&gt;Chicken Pox&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
                                              &amp;#8226;&amp;nbsp;&lt;/span&gt;&lt;a 
                                                  href="http://www.aarogya.com/conditions-and-diseases/chikungunya-fever.html"&gt;&lt;span 
                                                  id="act35"&gt;&lt;span style="font-size: small"&gt;Chikungunya Fever&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;span 
                                                  style="font-size: small"&gt;&lt;br /&gt;
                                              &amp;#8226;&amp;nbsp;&lt;a href="http://www.aarogya.com/conditions-and-diseases/cholera.html"&gt;&lt;span 
              id="act36"&gt;Cholera&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
                                              &amp;#8226;&amp;nbsp;&lt;a href="http://www.aarogya.com/conditions-and-diseases/conjunctivitis.html"&gt;&lt;span 
              id="act25"&gt;Conjunctivitis&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
                                              &amp;#8226;&amp;nbsp;&lt;a 
              href="http://www.aarogya.com/conditions-and-diseases/computer-health-hazards.html"&gt;&lt;span 
              id="act148"&gt;Computer Health Hazards&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
                                              &amp;#8226;&amp;nbsp;&lt;a href="http://www.aarogya.com/conditions-and-diseases/dengue.html"&gt;&lt;span 
              id="act37"&gt;Dengue&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
                                              &amp;#8226;&amp;nbsp;&lt;a href="http://www.aarogya.com/conditions-and-diseases/diphtheria.html"&gt;&lt;span 
              id="act38"&gt;Diphtheria&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
                                              &amp;#8226;&amp;nbsp;&lt;a 
              href="http://www.aarogya.com/conditions-and-diseases/diagnostic-tests.html"&gt;&lt;span 
              id="act149"&gt;Diagnostic Tests&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
                                              &amp;#8226;&amp;nbsp;&lt;a href="http://www.aarogya.com/conditions-and-diseases/dysentery.html"&gt;&lt;span 
              id="act26"&gt;Dysentery&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
                                              &amp;#8226;&amp;nbsp;&lt;a href="http://www.aarogya.com/conditions-and-diseases/guinea-worm.html"&gt;&lt;span 
              id="act27"&gt;Guinea Worm&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
                                              &amp;#8226;&amp;nbsp;&lt;a href="http://www.aarogya.com/conditions-and-diseases/hepatitis.html"&gt;&lt;span 
              id="act39"&gt;Hepatitis&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
                                              &amp;#8226;&amp;nbsp;&lt;a href="http://www.aarogya.com/conditions-and-diseases/hookworm.html"&gt;&lt;span 
              id="act40"&gt;Hookworm&lt;/span&gt;&lt;/a&gt;
      &lt;/div&gt;
      &lt;div style="float: left;"&gt;
          &amp;#8226;&amp;nbsp;&lt;a href="http://www.aarogya.com/conditions-and-diseases/influenza.html"&gt;&lt;span 
              id="act41"&gt;Influenza&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
          &amp;#8226;&amp;nbsp;&lt;a 
              href="http://www.aarogya.com/conditions-and-diseases/irritable-bowel-syndrome.html"&gt;&lt;span 
              id="act28"&gt;Irritable Bowel Syndrome&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
          &amp;#8226;&amp;nbsp;&lt;a 
              href="http://www.aarogya.com/conditions-and-diseases/japanese-encephalitis.html"&gt;&lt;span 
              id="act29"&gt;Japanese Encephalitis&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
          &amp;#8226;&amp;nbsp;&lt;a href="http://www.aarogya.com/conditions-and-diseases/leprosy.html"&gt;&lt;span 
              id="act42"&gt;Leprosy&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
          &amp;#8226;&amp;nbsp;&lt;a href="http://www.aarogya.com/conditions-and-diseases/leptospirosis.html"&gt;&lt;span 
              id="act43"&gt;Leptospirosis&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
          &amp;#8226;&amp;nbsp;&lt;a 
              href="http://www.aarogya.com/conditions-and-diseases/lymphatic-filariasis.html"&gt;&lt;span 
              id="act44"&gt;Lymphatic Filariasis&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
          &amp;#8226;&amp;nbsp;&lt;a href="http://www.aarogya.com/conditions-and-diseases/malaria.html"&gt;&lt;span 
              id="act45"&gt;Malaria&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
          &amp;#8226;&amp;nbsp;&lt;a href="http://www.aarogya.com/conditions-and-diseases/measles.html"&gt;&lt;span 
              id="act46"&gt;Measles&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
          &amp;#8226;&amp;nbsp;&lt;a href="http://www.aarogya.com/conditions-and-diseases/plague.html"&gt;&lt;span 
              id="act30"&gt;Plague&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
          &amp;#8226;&amp;nbsp;&lt;a href="http://www.aarogya.com/conditions-and-diseases/poliomyelitis.html"&gt;&lt;span 
              id="act47"&gt;Poliomyelitis&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
          &amp;#8226;&amp;nbsp;&lt;a href="http://www.aarogya.com/conditions-and-diseases/rabies.html"&gt;&lt;span 
              id="act48"&gt;Rabies&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
          &amp;#8226;&amp;nbsp;&lt;a href="http://www.aarogya.com/conditions-and-diseases/rubella.html"&gt;&lt;span 
              id="act49"&gt;Rubella&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
          &amp;#8226;&amp;nbsp;&lt;a href="http://www.aarogya.com/conditions-and-diseases/tetanus.html"&gt;&lt;span 
              id="act50"&gt;Tetanus&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
          &amp;#8226;&amp;nbsp;&lt;a href="http://www.aarogya.com/conditions-and-diseases/tuberculosis.html"&gt;&lt;span 
              id="act51"&gt;Tuberculosis&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
          &amp;#8226;&amp;nbsp;&lt;a href="http://www.aarogya.com/conditions-and-diseases/typhoid-fever.html"&gt;&lt;span 
              id="act52"&gt;Typhoid Fever&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
          &amp;#8226;&amp;nbsp;&lt;a href="http://www.aarogya.com/conditions-and-diseases/viral-hepatitis.html"&gt;&lt;span 
              id="act178"&gt;Viral Hepatitis&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
          &amp;#8226;&amp;nbsp;&lt;a href="http://www.aarogya.com/conditions-and-diseases/whooping-cough.html"&gt;&lt;span 
              id="act53"&gt;Whooping Cough&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
          &amp;#8226;&amp;nbsp;&lt;a href="http://www.aarogya.com/conditions-and-diseases/yaws.html"&gt;&lt;span 
              id="act54"&gt;Yaws&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
          &amp;#8226;&amp;nbsp;&lt;/span&gt;&lt;a 
              href="http://www.aarogya.com/conditions-and-diseases/yellow-fever.html"&gt;&lt;span 
              id="act55"&gt;&lt;span style="font-size: small"&gt;Yellow Fever&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;p style="font-size: small"&gt;
      &amp;nbsp;&lt;/p&gt;
  
  
  &lt;/asp:Content&gt;
  </code></pre>
  
  <p>and i want to add this following code</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;style type="text/css"&gt;
  img
  {
  opacity:0.4;
  filter:alpha(opacity=40);
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;h1&gt;Image Transparency&lt;/h1&gt;
  &lt;img src="klematis.jpg" width="150" height="113" alt="klematis"
  onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
  onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /&gt;
  
  &lt;img src="klematis2.jpg" width="150" height="113" alt="klematis"
  onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
  onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>i dont want to affect the master page just the picture should get effected ,where to add this code ?</p>