我想在容器的背景上制作一个透明盒子,但是,我不能在背景中间做它,而是当我尝试使用顶级盒子时,缘来实现我的设计,它会移动的背景图像倒也,所以我想问一下,为什么我不能让它像由W3C给出的例子中http://www.w3schools.com/Css/tryit.asp?filename=trycss_transparency用CSS制作一个透明盒子

Portal

这里的CSS文件:

body{

font-size:100%;

margin: 0em 9em 0em 9em;

}

#header{

width:55em;

height:2.375em;

background:black;

border: 0em 0em 0em 0em;

}

#logo{

padding: 0em 0em 0em 2em;

}

#logo2{

width:3.618em;

height:2.3em;

margin: 0.1em 0.25em 0.1em 0em;

}

#container{

width:55em;

height: 36.25em;

background-image:url("images/background1.jpg");

margin: 0.25em 0em 0em 0em;

}

#function{

width:35em;

height:32.625em;

margin: 2em 10em;

background-color: #ffffff;

opacity:0.6;

filter:alpha(opacity=60);

}

#footer{

font-family:"Times New Roman";

width:62em;

font-size:0.75em;

color:grey;

border-top-style:solid;

border-color:grey;

border-width:0.25em;

margin: 0.25em 0em 0em 5em;

}

2012-07-12

Conrad

+0

相关http://stackoverflow.com/questions/806000/transparent-background-but-not-the-content-text-images-inside-it-in-css-on –

2014-03-02 14:09:45

html中盒子透明度代码,用CSS制作一个透明盒子相关推荐

  1. 【完整代码】用HTML/CSS制作一个美观的个人简介网页

    [完整代码]用HTML/CSS制作一个美观的个人简介网页 整体结构 完整代码 用HTML/CSS制作一个美观的个人简介网页--学习周记1 HELLO!大家好,由于<用HTML/CSS制作一个美观 ...

  2. HTML5 + CSS制作一个网络照片墙

    使用HTML5 + CSS制作一个照片墙是不难的,在大学里可以当作业交了,这是效果: 这个是有动画的,具体的效果在这个网站的home页,Welcome的源码参考了用html做一个漂亮的网站,个人网页, ...

  3. 九宫格——用html+css制作一个网页

    自用(仅供参考,如有错误欢迎指出) 要求: 1.通过html和css制作一个可以根据页面缩放进行变化的九宫格. 2.并且可以通过手机浏览器访问. 过程: 1.网页制作 先不管通过网页访问这一项,先写一 ...

  4. 记录html+css制作一个上下跳动效果的动画

    需求 想用html+css制作一个上下跳动效果的动画,然后记录一下代码,方便今后使用. 实例代码 <!DOCTYPE html > <html><head>< ...

  5. HTML+CSS制作一个动画

    HTML+CSS制作一个动画 效果图如下: HTML部分结构如下: <!DOCTYPE html> <html lang="zh-Hans"><hea ...

  6. 【meng_项目】python+flask+html+css制作一个简单的生日祝福语网页

    python+flask+html+css制作一个简单的生日祝福语网页 一个py文件:     test.py 一个html文件:   birthday_index.html 一张图片:       ...

  7. 使用html和css制作一个小米商城页面

    使用html和css制作一个小米商城页面 创作不易,可否给作者点个赞再走 html部分: /** * author 阿木木 * date 10/01 14:32 * / `<html>&l ...

  8. 用HTML+css制作一个动态的天气图标

    前言 本文讲解用HTML+css制作一个动态的天气图标,如果觉得对你有帮助请关注小编,你的支持就是我更新的动力! 成品展示: 本程序是一个动态的 一.HTML部分 <!DOCTYPE html& ...

  9. 利用CSS制作一个向右的箭头

    利用CSS制作一个向右的箭头 <style type="text/css">.box{/* 利用CSS制作一个向右的箭头 */width:200px;height:20 ...

  10. html中的透明度怎么设置,css透明度怎么设置?css中各种透明度的设置方法总结...

    本篇文章给大家介绍一下css中透明度的设置方法,下面我们就来看看具体的内容. 不透明度和透明度 根据定义,CSS中的不透明度和透明度定义了元素的可见性,无论是图像,表格还是RGBA(红绿蓝alpha) ...

最新文章

  1. 机器学习的前沿发展与应用分享
  2. 网络推广产品浅析网站SEO文章更新要注意哪些因素?
  3. Srinath总结 架构师们遵循的 30 条设计原则
  4. 【温故知新】CSS学习笔记(背景)
  5. Python 文件处理、字符编码(二)
  6. 索尼录音笔怎么导出录音内容_录音笔十大品牌名单出炉!录音笔十大品牌排名榜单揭晓!...
  7. 安装TPCC-MySQL报错
  8. iOS7时代我们用什么来追踪和识别用户?
  9. 数据结构及算法总结(概述)
  10. CONTINUAL LEARNING FOR AUTOMATED AUDIO CAPTIONING USING THE LEARNING WITHOUT FORGETTING APPROACH
  11. Spug发布前端项目实战全过程
  12. 淘宝用户行为分析项目——MySQL数据分析+Tableau可视化
  13. 数字积分法直线插补c语言,5.数字积分法直线插补.pdf
  14. 【HPU】[1732]序列的区间操作
  15. python 切片器_Excel中如何使用切片器,这个太高大上了
  16. LinkTrack UWB定位系统NLink协议解析方法
  17. SAP ABAP SD 常用BAPI
  18. 国际音标(IPA)和美国音标(KK)对照表
  19. m2硬盘写入速度测试软件,【英特尔 600P 512G PCIE M2 SSD 固态硬盘测试总结】读写速度|空间_摘要频道_什么值得买...
  20. Linux压缩|解压_CodingPark编程公园

热门文章

  1. 计算机考证忘记密码了怎么办,计算机忘记开机密码怎么办?
  2. 数学模型 Lotka-Volterra
  3. X-Frame-Options简介
  4. 多兰大陆怎么在电脑上玩 多兰大陆模拟器玩法教程
  5. 唱作俱佳,腾讯AI艾灵领唱中国新儿歌
  6. 自己动手编写CSDN博客备份工具-blogspider源码下载(4)
  7. 计算机关机界面卡住,电脑关机时卡在关机界面的解决方法
  8. flask 蓝本(blueprint)
  9. 《面试补习》--来聊聊削峰填谷!
  10. 防爆机器人布里茨还能买到吗_LOL防暴机器人 布里茨皮肤