设置图像透明度
设置图像透明度
提问于 2011-05-22 19:32:36
我拿到了源代码
<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="condition.aspx.cs" Inherits="condition" Title="Untitled Page" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<p>
<br />
<asp:ImageButton ID="ImageButton1" runat="server" Height="234px"
ImageUrl="~/images/condition.jpeg" Width="289px" />
</p>
<p style="font-size: small">
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.</p>
<p style="font-size: small">
</p>
<p style="font-size: small">
</p>
<div class="clearfix" style="padding-left: 5px;">
<div style="float: left; width: 50%;">
<span style="font-size: small"> <a
href="http://www.aarogya.com/conditions-and-diseases/acute-diarrheal-disease.html"><span
id="act31">Acute Diarrheal Disease</span></a><br />
• <a href="http://www.aarogya.com/conditions-and-diseases/allergy.html"><span
id="act16">Allergy</span></a><br />
• <a href="http://www.aarogya.com/conditions-and-diseases/amebiasis.html"><span
id="act32">Amebiasis</span></a><br />
• <a href="http://www.aarogya.com/conditions-and-diseases/appendicitis.html"><span
id="act17">Appendicitis</span></a><br />
• <a href="http://www.aarogya.com/conditions-and-diseases/arthritis.html"><span
id="act18">Arthritis</span></a><br />
• <a href="http://www.aarogya.com/conditions-and-diseases/asthma.html"><span
id="act19">Asthma</span></a><br />
• <a href="http://www.aarogya.com/conditions-and-diseases/blindness.html"><span
id="act20">Blindness</span></a><br />
• <a href="http://www.aarogya.com/conditions-and-diseases/blood-pressure.html"><span
id="act21">Blood Pressure</span></a><br />
• <a href="http://www.aarogya.com/conditions-and-diseases/bronchitis.html"><span
id="act22">Bronchitis</span></a><br />
• <a href="http://www.aarogya.com/conditions-and-diseases/brucellosis.html"><span
id="act33">Brucellosis</span></a><br />
• <a href="http://www.aarogya.com/conditions-and-diseases/chicken-pox.html"><span
id="act34">Chicken Pox</span></a><br />
• </span><a
href="http://www.aarogya.com/conditions-and-diseases/chikungunya-fever.html"><span
id="act35"><span style="font-size: small">Chikungunya Fever</span></span></a><span
style="font-size: small"><br />
• <a href="http://www.aarogya.com/conditions-and-diseases/cholera.html"><span
id="act36">Cholera</span></a><br />
• <a href="http://www.aarogya.com/conditions-and-diseases/conjunctivitis.html"><span
id="act25">Conjunctivitis</span></a><br />
• <a
href="http://www.aarogya.com/conditions-and-diseases/computer-health-hazards.html"><span
id="act148">Computer Health Hazards</span></a><br />
• <a href="http://www.aarogya.com/conditions-and-diseases/dengue.html"><span
id="act37">Dengue</span></a><br />
• <a href="http://www.aarogya.com/conditions-and-diseases/diphtheria.html"><span
id="act38">Diphtheria</span></a><br />
• <a
href="http://www.aarogya.com/conditions-and-diseases/diagnostic-tests.html"><span
id="act149">Diagnostic Tests</span></a><br />
• <a href="http://www.aarogya.com/conditions-and-diseases/dysentery.html"><span
id="act26">Dysentery</span></a><br />
• <a href="http://www.aarogya.com/conditions-and-diseases/guinea-worm.html"><span
id="act27">Guinea Worm</span></a><br />
• <a href="http://www.aarogya.com/conditions-and-diseases/hepatitis.html"><span
id="act39">Hepatitis</span></a><br />
• <a href="http://www.aarogya.com/conditions-and-diseases/hookworm.html"><span
id="act40">Hookworm</span></a>
</div>
<div style="float: left;">
• <a href="http://www.aarogya.com/conditions-and-diseases/influenza.html"><span
id="act41">Influenza</span></a><br />
• <a
href="http://www.aarogya.com/conditions-and-diseases/irritable-bowel-syndrome.html"><span
id="act28">Irritable Bowel Syndrome</span></a><br />
• <a
href="http://www.aarogya.com/conditions-and-diseases/japanese-encephalitis.html"><span
id="act29">Japanese Encephalitis</span></a><br />
• <a href="http://www.aarogya.com/conditions-and-diseases/leprosy.html"><span
id="act42">Leprosy</span></a><br />
• <a href="http://www.aarogya.com/conditions-and-diseases/leptospirosis.html"><span
id="act43">Leptospirosis</span></a><br />
• <a
href="http://www.aarogya.com/conditions-and-diseases/lymphatic-filariasis.html"><span
id="act44">Lymphatic Filariasis</span></a><br />
• <a href="http://www.aarogya.com/conditions-and-diseases/malaria.html"><span
id="act45">Malaria</span></a><br />
• <a href="http://www.aarogya.com/conditions-and-diseases/measles.html"><span
id="act46">Measles</span></a><br />
• <a href="http://www.aarogya.com/conditions-and-diseases/plague.html"><span
id="act30">Plague</span></a><br />
• <a href="http://www.aarogya.com/conditions-and-diseases/poliomyelitis.html"><span
id="act47">Poliomyelitis</span></a><br />
• <a href="http://www.aarogya.com/conditions-and-diseases/rabies.html"><span
id="act48">Rabies</span></a><br />
• <a href="http://www.aarogya.com/conditions-and-diseases/rubella.html"><span
id="act49">Rubella</span></a><br />
• <a href="http://www.aarogya.com/conditions-and-diseases/tetanus.html"><span
id="act50">Tetanus</span></a><br />
• <a href="http://www.aarogya.com/conditions-and-diseases/tuberculosis.html"><span
id="act51">Tuberculosis</span></a><br />
• <a href="http://www.aarogya.com/conditions-and-diseases/typhoid-fever.html"><span
id="act52">Typhoid Fever</span></a><br />
• <a href="http://www.aarogya.com/conditions-and-diseases/viral-hepatitis.html"><span
id="act178">Viral Hepatitis</span></a><br />
• <a href="http://www.aarogya.com/conditions-and-diseases/whooping-cough.html"><span
id="act53">Whooping Cough</span></a><br />
• <a href="http://www.aarogya.com/conditions-and-diseases/yaws.html"><span
id="act54">Yaws</span></a><br />
• </span><a
href="http://www.aarogya.com/conditions-and-diseases/yellow-fever.html"><span
id="act55"><span style="font-size: small">Yellow Fever</span></span></a>
</div>
</div>
<p style="font-size: small">
</p>
</asp:Content>我想添加以下代码
<html>
<head>
<style type="text/css">
img
{
opacity:0.4;
filter:alpha(opacity=40);
}
</style>
</head>
<body>
<h1>Image Transparency</h1>
<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" />
<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" />
</body>
</html>我不想影响母版页，只是图片应该受到影响，在哪里添加此代码？
回答 1
Stack Overflow用户
回答已采纳
发布于 2011-05-22 20:34:24
也许我漏掉了什么，但这不是很简单吗
<asp:ImageButton Style="opacity:0.4; filter:alpha(opacity=40);" ID="ImageButton1" ... />当您准备好更好地使用它时，向CSS文件添加一个规则，并将其引用为
<asp:ImageButton CssClass="yourclassname" ID="ImageButton1" ... />无论哪种方式，都要意识到效果不会出现在所有的浏览器中。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6087636
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号