元素和Z索引的寬度

-1

我只是設置了一個紅色的不透明背景「文本的一個細節部分」。

如何以正確的方式設置寬度，所以我也有靈敏的部分？
我怎樣才能得到前面的字體，並在後面的紅色背景？

#cathyText { 
 
     background-color: red; 
 
     padding: 10px; 
 
     opacity: 0.1; 
 
    }

 <h2 class="text-center" id="cathyText">A CATCHY PIECE OF TEXT</h2>

來源

2016-09-05 McDuck4

請附上相關代碼到你的問題！ – baao

您的評論沒有意義，相關的代碼和鏈接到網站上。 – McDuck4

是的。看看這個網站上的幫助中心（規則）。不允許在不同的網站上託管代碼 – baao

我怎樣才能在前面的字體，並在後面的紅色背景？

使用rgba()：

#cathyText { 
    padding: 10px; 
    background: rgba(255,0,0,0.3); 
    z-index: 1; 
}

它的工作原理的原因是前3個數字設置顏色的紅，綠，藍，最後套不透明度。

如果要居中你<h2>元素，一種方式是將它放在一個包裝，並更改顯示器inline-block：

#cathyText { 
 
    background-color: red; 
 
    padding: 10px; 
 
    background: rgba(255,0,0,0.3); 
 
    width:200px; 
 
    display:inline-block; 
 
} 
 

 
.catchy-text-wrapper { 
 
    width:100%; 
 
    text-align:center; 
 
}

<div class="catchy-text-wrapper"> 
 
<h2 class="text-center" id="cathyText">A CATCY PEICE OF TEXT</h2> 
 
</div>

來源

2016-09-05 19:58:32

非常感謝你的回答，我只是想寬度和紅色的背景我實際上認爲這必須是procent？背景的寬度應該只有200px左右，但是如果我給它一個以％或像素爲單位的寬度，它將會左對齊 – McDuck4

給出一個寬度編輯中的示例 –

好吧，我認爲是這樣，我必須包裝它。完美，非常感謝。 – McDuck4

使用rgba()背景顏色

#cathyText { 
    background-color: rgba(255,0,0,.1); 
    padding: 10px; 
    /* opacity: 0.1; */ 
    z-index: auto; 
}

來源

2016-09-05 19:58:22

元素和Z索引的寬度

回答

相關問題