用来指定全透明色彩。

transparent是全透明黑色(black)的速记法,即一个类似rgba(0,0,0,0)这样的值。

在CSS1中,transparent被用来作为background-color的一个参数值,用于表示背景透明。

在CSS2中,border-color也开始接受transparent作为参数值,《Open eBook™ Publication Structure 1.0.1》[OEB101]延伸到color也接受transparent作为参数值。IE6不支持border的颜色为transparent,边框色会显示为黑色。

在CSS3中,transparent被延伸到任何一个有color值的属性上。IE8及以下,color属性值为transparent时,文本显示为黑色。

用法:

比如我画一个三角形--------------->

   <style>* {padding: 0;margin: 0;}.dv {height: 0px;width: 0px;border-top: 200px solid red;/* background-color: red; */border-left: 200px solid transparent;border-right: 200px solid transparent;}</style>
<body><div class="dv">  </div>
</body>

结果如下:

transparent透明相关推荐

  1. 了解transparent,用transparent透明实现箭头绘制

    transparent:指定透明度(版本更新:background属性->border属性->任何带有color的属性) transparent 用来指定全透明色彩,想当于rgba(0,0 ...

  2. CSS 了解transparent,用transparent透明实现箭头绘制

    transparent 是透明色,是系统默认的颜色 箭头绘制主要利用一个空元素,设置其边框为transparent,然后利用边框不同顶部的颜色达到显示箭头的目的 .banner { width: 0p ...

  3. rgba、opacity、transparent透明效果有什么区别?

    rgba().opacity.transparent都能实现透明效果. opacity 用来设置元素的不透明级别,从 0.0 (完全透明)到 1.0(完全不透明),属性的所有后代元素都会继承 opac ...

  4. CSS 背景(background)(背景颜色color、背景图片image、背景平铺repeat、背景位置position、背景附着、背景简写、背景透明、链接导航栏综合案例)

    1. 背景颜色(color) background-color:颜色值; 默认的值是 transparent 透明的 示例代码: <!DOCTYPE html> <html lang ...

  5. 【PS】如何把图片变成透明

    方法一: 8 H3 i* y( Y* q4 P% a 1.魔术棒选取背景区域,然后删除,将文件存存为PSD格式.( M/ R) n3 H  ]! {  }2 |6 X$ f, R( s - {9 S: ...

  6. MFC学习之 对话框设置背景颜色及控件透明的方法

    对话框设置背景色之后控件不透明的问题. 1.对话框设置背景色: 方法1:(用OnPaint()) 在Dlg.h中:声明 afx_msg void OnPaint(); HICON m_hIcon; 在 ...

  7. java字体被背景盖住_背景透明后字体,贴图产生遮盖覆盖问题的解决方法。

    关于背景透明,透明贴图后,Invalidate(FALSE)刷新后贴图被上次的痕迹遮盖. Invalidate(TRUE)可以去除遮盖的痕迹,但这样的的闪烁谁也无法接受 这个问题产生的原因可能是Set ...

  8. HtmlCss光标(插入符caret)透明隐藏光标 221106笔记

    HtmlCss光标透明隐藏光标 221106笔记 光标有两种 文字插入符光标(caret), 一闪一闪的竖线 鼠标光标(cursor), 或者应该叫指针, 或叫鼠标指针 #mermaid-svg-cj ...

  9. QML如何实现背景透明

    QML如何实现背景透明:加上下面的这一行代码就OK了,这么简单东西,折磨了我好大一会,百度出来的也没啥用 color: "transparent" //transparent:透明 ...

最新文章

  1. spring cloud alibaba版本选择
  2. Youki的Ubuntu系统安装显卡驱动安装笔记~
  3. 2021 前端面试经常被问到 Javascript+HTML5+CSS+ 框架问题(89 篇资料总结)
  4. Oracle join
  5. LBP特征原理及代码实现
  6. 常用的MySQL命令大全(完整版、太到位了)
  7. IT行业含金量较高的证书汇总
  8. 环境工程学期末复习完整版
  9. 如何制作显示歌手和歌名的CD、DTS-CD无损音乐碟片?
  10. Bandizip下载安装教程
  11. 浴血黑帮第一季/全集Peaky Blinders迅雷下载
  12. seo是什么,seo是什么职位缩写
  13. 《TPM原理及应用指南》学习 —— TPM历史1
  14. Java小白入门200例81之Java接口
  15. 关联查询(多表查询)
  16. Springboot 瘦身打包
  17. 笔记代码 | 统计学——基于R(第四版) 第一章
  18. js运算符优先级和~~运算符
  19. 声网Agora Native SDK 2.9.3 发布
  20. 静态网页制作代码php,php生成静态页面的简单示例

热门文章

  1. [WARNING]: IPv4 forwarding is disabled. Networking will not work
  2. JavaScript 时间与Unix时间戳互相转换,指定时间转换或获取当前时间
  3. ----食指----《相信未来》
  4. 跨域下的iframe自适应高度
  5. VB Treeview控件 介绍与使用
  6. java接入短信平台源码
  7. 黑莓行货手机是否都有运营商(移动,电信,联通)的logo?
  8. springboot生成接口文档
  9. 最难找工作的10种大学生
  10. Java编程思想读书笔记-7