如何使透明背景的div圆角? [英] How can I make div rounded corners with transparent background?

查看:132
本文介绍了如何使透明背景的div圆角?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

如何创建带有圆角和透明背景的div?有点像twitter。

How can I create a div with rounded corners and transparent backgrounds? A bit like twitter does. So that at the edge of the corners you can see the page background and not a black edge.

推荐答案

对于一个简单的半径,你可以看到页面的背景,而不是一个黑色的边缘。使用此CSS:

for a simple Radius, use this CSS:

div{
-moz-border-radius:10px;  /* for Firefox */
-webkit-border-radius:10px; /* for Webkit-Browsers */
border-radius:10px; /* regular */
opacity:0.5; /* Transparent Background 50% */
}

Greez,Chuggi

Greez, Chuggi

这篇关于如何使透明背景的div圆角?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆