DIV背景透明样式使用
DIV背景透明样式代码：
.alert{filter:alpha(opacity=100);
/*IE*/-moz-opacity:1.0;/*Moz+FF*/
opacity:1.0;height:300px;width:500px;
background:#ccc;left:50%;top:50%;margin-top:-150px;
margin-left:-250px;position:absolute;z-index:99;
text-align:center;padding:20px;}
使用方法：
<divclassdivclass=”alert”>
DIV背景透明
</div>
html代码：
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlnshtmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-
equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>jqueryajax.com--jquery学习资料</title>
<styletypestyletype="text/css">
.alert
{filter:alpha(opacity=100);/*IE*/-moz-opacity:1.0;
/*Moz+FF*/opacity:1.0;height:300px;
width:500px;background:#ccc;left:50%;top:50%;
margin-top:-150px;margin-left:
-250px;position:absolute;z-index:99;
text-align:center;padding:20px}
</style>
</head>
<body>
<divclassdivclass="alert">DIV背景透明
</div>
</body>
</html>
分享到：
相关推荐
你读DIV背景颜色透明度的设置是否熟悉，这里和大家简单分享一下，通常我们通过DIV的style样式属性filter来设置DIV背景透明样式，也可根据alpha提供的参数进行组合控制。 本节向大家爱描述一下如何设置DIV背景颜色...
本文将详细解释如何使用CSS来设置`div`的背景图片透明度，同时保持文字的可见性。 首先，我们来看一个简单的例子。在这个例子中，我们有一个`div`元素，它有一个背景图片，并且我们希望调整背景图片的透明度。以下...
总结起来，创建“div css3样式属性透明的环形星星发光动画效果”涉及以下几个关键步骤：设置HTML结构，定义CSS样式以形成星星形状，应用径向渐变背景以创建环形效果，以及使用CSS3动画来实现星星的闪烁效果。...
总结以上知识点，实现div背景半透明的关键在于使用浏览器兼容的CSS属性。在现代网页设计中，半透明效果经常被用来增强视觉效果，如创建半透明的遮罩层、高亮显示某些信息区域等。通过使用不同的CSS属性组合，开发者...
本篇文章将详细介绍如何实现`DIV`背景半透明而文字不半透明的样式，并探讨CSS滤镜（filter）的应用。 首先，让我们看一个简单的例子。以下代码展示了两个`DIV`，第一个`DIV`的文本同时被背景半透明所影响，而第二个...
综上所述，实现“网页上div拖拽，弹出div背景变暗”的功能，需要综合运用HTML、CSS和JavaScript，结合现代Web开发的最佳实践，创建出既美观又易用的交互界面。在提供的压缩包文件"zDialog"中，可能包含了实现这一...
总之，使用jQuery实现的仿div透明模态弹出窗是网页动态效果的一种常见应用，它能够增强用户体验，提供更直观的交互反馈。通过理解这一实例，开发者可以更好地掌握jQuery的事件处理和DOM操作技巧，同时也能了解到如何...
创建一个弹出div层窗口的关键在于利用jQuery的`show()`、`hide()`、`fadeIn()`、`fadeOut()`等方法来控制div的可见性，同时通过CSS来定义其样式，如边框、填充、背景色等。以下是一个简单的示例： ```html <div id=...
总结起来，"IE6完美解决PNG背景透明"是一个关于如何使用DD_belatedPNG JavaScript库来解决Internet Explorer 6浏览器对PNG透明度不支持问题的解决方案。这个库通过JavaScript和CSS的结合，使得在IE6下也能呈现出与...
如果仅想改变背景的透明度，而不影响其内部内容，可以使用 `background-color` 的 `rgba()` 函数，其中最后一个参数表示 alpha 通道（透明度），如： ```css div { background-color: rgba(255, 255, 255, 0.5); /...
在网页设计中，"div弹出登陆框背面透明罩模板"是一种常见的交互设计技术，用于在用户触发特定操作（如点击“登录”按钮）时，弹出一个覆盖整个页面的登录对话框，同时背景被一个半透明的遮罩层所覆盖，确保用户只能...
由于IE6不完全支持PNG8或PNG24的Alpha透明效果，这导致许多设计师在构建网站时遇到困难，尤其是在需要背景透明或者半透明效果时。为了解决这个问题，开发者们开发了一些技巧和解决方案。以下是关于"IE6下PNG背景透明...
在网页设计中，"div半透明下拉菜单"是一种常见的交互元素，它结合了HTML的div元素、CSS样式以及JavaScript的交互效果。本教程通过"div1"这个文件，将教你如何创建一个时尚且功能实用的半透明下拉菜单。 首先，让...
接下来，可以通过CSS来定义这些`div`的样式，包括背景颜色、宽度和高度等。例如： ```css .bg { width: 1003px; height: 800px; margin: auto; background-color: #03C; } ``` 3. **应用透明效果**： ...
在本文中，我们将深入探讨如何使用CSS来定制`div`元素的滚动条样式，以提升网页的视觉效果和用户体验。 一、滚动条的基本样式 在默认情况下，浏览器提供了一套统一的滚动条样式。然而，通过CSS3，我们可以自定义...
需要注意的是，`opacity`会影响元素及其所有子元素的透明度，所以如果只想改变背景而不影响内容，可以使用`background-color`的`rgba()`函数，它允许设定红绿蓝和透明度四个参数，如： ```css div { background-...
透明模态弹出窗则是在模态窗口的基础上，添加了一层半透明的遮罩层，使得背景内容变得模糊，用户焦点集中于弹出的窗口。 1. **CSS样式**：创建模态窗口和遮罩层的基本样式是第一步。模态窗口通常包含一个内容区域和...
首先，最基础的实现背景透明的方法是使用`opacity`属性。这个属性可以设置元素及其所有子元素的整体不透明度。例如： ```css div { opacity: 0.5; } ``` 在这个例子中，`div`元素及其中的所有内容都会变得半透明...