Heim > Web-Frontend > HTML-Tutorial > 这两个CSS定义的效果怎么不一样呢?_html/css_WEB-ITnose

这两个CSS定义的效果怎么不一样呢?_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-21 09:46:59
Original
1013 Leute haben es durchsucht

css 透明效果 div

定义1:
.div_transparent, .div_time, .div_rpt_now, . div_suggestion,. div_ap_item
{
    text-align: center;
    filter:alpha(opacity=100); /* IE */ -moz-opacity:1.0; /* Moz + FF */
    opacity: 1.0; 
    background:#ccc; 
}

.div_ap_item
{
   top: 10px;
    left: 5px;
    height: 80px;
    width: 90px;
    line-height: 20px;
    font-size: small;
    color: #006600;
    font-family: 微软雅黑;
    text-align: center;
}

定义2:
.div_ap_item
{
    text-align: center;
    filter:alpha(opacity=100); /* IE */ -moz-opacity:1.0; /* Moz + FF */
    opacity: 1.0; 
    background:#ccc; 
}

.div_ap_item
{
   top: 10px;
    left: 5px;
    height: 80px;
    width: 90px;
    line-height: 20px;
    font-size: small;
    color: #006600;
    font-family: 微软雅黑;
    text-align: center;
}

我一直认为这两种定义方式的效果应该是一样的,奇怪的是,定义1可以产生透明效果;定义2却没有
怎么回事呢?

回复讨论(解决方案)

.div_transparent, .div_time, .div_rpt_now, . div_suggestion, . div_ap_item

注意空格

.div_transparent, .div_time, .div_rpt_now,  .div_suggestion,  .div_ap_item

大哥
你的定义1里面“. div_ap_item”明显有个空格啊

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage