`

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

    博客分类:
  • CSS
阅读更多
<!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>
分享到:
评论

相关推荐

    窗体半透明控件不透明

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

    Winform半透明遮罩层

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

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

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

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

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

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

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

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

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

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

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

    DUULIB异形窗口半透明窗体

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

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

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

    一个半透明效果的弹出框

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

    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的结合使用,我们可以轻松地实现这一效果。 #### 二、技术背景 在开始之前...

    C# 完美实现窗口以透明PNG绘制_控件不透明

    你们找吧,保证你们找破头都找不到那么好的资源... 以新建一个form继承这个form 设置png base.DlgBgImg = ImgDlgSample.Properties.Resources.desktopmasks_bk; 10分 不过分 别说10分 20分 这样的代码我也下。、

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

    `将使得元素变为半透明。 二、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的窗口属性和使用自定义主题来实现的。以下将详细解释如何...

Global site tag (gtag.js) - Google Analytics