```html

<div class="roll-軸">

<h1>這里是卷軸標題</h1>

</div>

```css

.roll-軸 {

position: relative;

width: 100px;

height: 100px;

.roll-軸 h1 {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

background-color: rgba(0, 0, 0, 0.5);

.roll-軸 p {

position: absolute;

top: 40px;

left: 0;

width: 100%;

height: 100%;

background-size: cover;

通過上述代碼，我們可以看到卷軸的標題和內容變成了半透明的灰色，并且背景也變成了透明的。這種效果可以很好地與頁面的整體風格搭配，同時也增強了頁面的可讀性和視覺效果。

需要注意的是，卷軸透明化的效果取決于卷軸的內容和樣式，如果卷軸中包含過多的圖片或其他媒體文件，則透明度可能會降低，影響效果。因此，在實際應用中，需要根據具體情況進行調整和優化。