`

半透明的层上放一个不透明层

    博客分类：
  • CSS
CSSHTMLGoogle 
阅读更多 
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
 <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <title> new document </title>
  <meta name="generator" content="editplus">
  <meta name="keywords" content="">
  <meta name="description" content="">
  <style type="text/css">
   #div1 {
    position: absolute;
    background-color: #ccc;
    width: 100px;
    height: 100px;
    left: 100px;
    top: 100px;
    filter:alpha(opacity=60);
    -moz-opacity: 0.60;
    opacity: 0.60;
   }

   #div2 {
    position: absolute;
    background-color: #99FF99;
    width: 100px;
    height: 100px;
    left: 150px;
    top: 150px;
   }
  </style>
 </head>

 <body>
  <iframe src="http://google.com" width="400" height="300"></iframe>
  <div id="div1">
   半透明
  </div>
  <div id="div2">
   不透明
   <button>不透明，不是吗？</button>
  </div>
 </body>
</html>
分享到：
| IE下Form多一行的解决方法
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    窗体半透明控件不透明

    在Windows编程领域，窗体（Window）的半透明效果是一个常见的需求，特别是在设计现代用户界面时。然而，当窗体设置为半透明后，有时窗体上的控件（如按钮、文本框等）可能会保持完全不透明，这就会导致视觉上的不...

    Winform半透明遮罩层

    在Windows Forms（Winform）开发中，创建半透明遮罩层是一种常见的需求，它用于提供一种视觉效果，比如在后台操作进行时提示用户或者隐藏部分界面。本篇将深入探讨如何实现这样的效果，主要涉及半透明、遮罩层以及...

    图片与文字半透明效果 鼠标移上不透明

    该 DIV是半秀明状态，这样可以看到背景也可以衬托文字，当鼠标放到文字上的时候，DIV层彻底不透明，文字清淅显示出来，一般这种效果都是要配合JavaScript的，这样兼容性会更好。 图片与文字结合的半透明效果，...

    半透明窗口中显示标准控件（控件与文字不透明）的实现方案

    通过层叠窗口可以简单实现半透明与不规则形状窗口的效果，但在其上显示标准控件（控件与文字不透明）却是件比较有挑战的事情，这里会给出一个可行的解决方案。同时实现了一些可重用的窗口类，有相关需求时可以进行...

    Css如何实现背景色透明或半透明但内容不透明

    在网页设计中，有时我们希望元素的背景颜色呈现透明或半透明效果，但同时保持其内容（如文字、图片）的完全不透明。这在创建多层次的视觉效果时非常有用，比如让背景图像隐约可见，而主要内容清晰可读。本文将详细...

    易语言窗口透明而组件不透明的技巧源码

    在易语言编程中，窗口透明效果的实现是一个常见的需求，特别是在设计用户界面时，为了达到某种视觉效果或者增强用户体验。本篇文章将详细讲解如何在易语言中实现窗口透明，同时保持窗口上的组件（如按钮、文本框等）...

    半透明背景不透明平滑字体滚动字幕

    本项目“半透明背景不透明平滑字体滚动字幕”是利用DELPHI编程环境实现的一种特效，它结合了GDI+库的功能，为用户提供了一种高质量的视觉体验。下面将详细阐述涉及的知识点。 1. **半透明背景**：半透明效果在图形...

    DUULIB异形窗口半透明窗体

    在这个主题中，我们将深入探讨如何利用DUILIB来实现异形窗口和半透明效果。 首先，我们要理解什么是异形窗口。不同于传统的矩形窗口，异形窗口允许开发者自定义窗口的形状，创造出独特的视觉效果，比如圆形、不规则...

    一个半透明效果的弹出框

    "一个半透明效果的弹出框"是一种创新的UI设计技术，主要用于窗口或对话框的显示，为用户提供一种更加美观且不突兀的交互方式。本文将深入探讨这种半透明弹出框的设计原理、实现方法以及其在实际应用中的优势。 首先...

    C#自定义半透明遮罩层源码

    下面将详细解释如何在C#中创建一个自定义的半透明遮罩层。 1. **半透明效果实现原理**： 半透明效果是通过设置控件的透明度来实现的。在Windows Forms中，我们通常会使用`System.Drawing.Color`类中的`Alpha`属性...

    winform自定义半透明遮罩层-源码.rar

    总结来说，这个项目旨在教授如何在C# Winform环境中创建一个自定义的半透明遮罩层，以优雅地处理加载状态。通过这个实践，开发者可以掌握自定义控件的创建、半透明效果的应用、事件驱动编程以及用户界面设计的技巧。...

    MFC实现半透明效果图片

    首先，我们需要创建一个CBitmap对象，然后使用LoadBitmap函数加载包含半透明信息的位图资源。 ```cpp CBitmap bitmap; bitmap.LoadBitmapW(IDB_BITMAP资源ID); ``` 步骤2：创建设备上下文 为了在对话框上显示位图...

    C#图片蒙半透明层例程

    下面，我们将创建一个C#函数，它接受一个Bitmap对象和两个参数：灰度级别（0-1之间）和透明度级别（0-1之间），然后返回一个新的带有半透明灰度层的Bitmap对象。 ```csharp using System.Drawing; public static ...

    js+html5实现半透明遮罩层弹框效果.docx

    在现代网页设计中，半透明遮罩层弹框效果是一种非常常见的交互方式，它不仅可以提升用户体验，还能让页面更加美观。通过JavaScript与HTML5的结合使用，我们可以轻松地实现这一效果。 #### 二、技术背景 在开始之前...

    从透明到不透明效果网页特效

    `将使得元素变为半透明。 二、rgba()颜色函数 2. rgba()：相对于传统的RGB颜色模式，rgba()添加了一个alpha通道，用于指定颜色的透明度。例如，`background-color: rgba(255, 0, 0, 0.5);`创建了一个红色背景，但...

    弹出层全屏半透明（浏览器全兼容）

    在压缩包中的文件可能包含了一个示例代码，展示了如何将这些技术整合在一起，实现一个在所有主流浏览器（包括IE6）上都能正常工作的全屏半透明弹出层。通过查看和分析这些代码，开发者可以学习如何处理浏览器差异，...

    gdi+ 绘制半透明 窗口

    在本文中，我们将深入探讨如何利用GDI+来创建和绘制半透明窗口，并特别关注如何处理PNG图像。这在现代应用程序设计中是非常重要的，因为半透明效果可以极大地提升用户体验。 首先，我们要理解半透明窗口的工作原理...

    vb.net2005窗体透明控件不透明

    在VB.NET 2005中，开发人员可能会遇到一个常见的问题，那就是窗体透明设置后，窗体上的控件却依然保持不透明。这个问题在创建具有独特视觉效果的应用程序时尤为突出，因为透明窗体可以增加应用的美观度和用户体验。...

    背景半透明效果的Activity

    在Android开发中，实现“背景半透明效果的Activity”是一种常见的需求，它可以为用户界面增添一层优雅而现代的视觉体验。这种效果通常是通过调整Activity的窗口属性和使用自定义主题来实现的。以下将详细解释如何...

    网站首页悬浮半透明可关闭css+js引导层

    "网站首页悬浮半透明可关闭css+js引导层"是一个利用CSS（层叠样式表）和JavaScript技术实现的网页组件，它的主要特点是半透明效果、悬浮于首页上方以及用户可以自由关闭。下面将详细讲解这个组件的实现原理和关键...

Magicbox
Global site tag (gtag.js) - Google Analytics