CSS:50%透明(不透明度),边框实线

时间:2010-08-27 19:38:45

标签: css css3

只有CSS可以使用白色背景颜色,然后使用以下内容获得50%的透明度:

.transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }

并且仍然有一个坚实的白色边框?

2 个答案:

答案 0 :(得分:7)

opacity适用于整个元素。您可以使用父元素包装初始元素并放置边框,或者您可以使用rgba并将您的不透明度专门应用于背景,而不是整个元素。

http://css-tricks.com/rgba-browser-support/

答案 1 :(得分:4)

.transparent_class { background-color: rgba(255,255,255,0.5); border: 1px solid #FFF; }