CSS如何實現在透明框中顯示文字

新建一個html文件，定名為test.html，用于實此刻透明框上顯示文字。

在test.html頁面，利用div元素和p元素結構，實現div內包含p元素段落文本。代碼如下：

設置最外層div類選擇器為background，同時設置內層的div類選擇器為transbox，用于CSS中對響應的div進行樣式界說。

利用CSS設置最外層的div樣式，本家兒要界說其寬度為400px，高度為266px，同時設置其布景為一張圖片。

利用CSS設置class為transbox的div為透明框。本家兒要設置其寬度為338px，高度為204px，而且利用opacity設置其透明度0.6，為了兼容IE，還需要利用filter再次設置其透明度。

再利用CSS對透明框內的文字進行樣式設置，例如，設置其字體、行高、字體顏色等。

在瀏覽器運行test.html文本，查看實現的結果。

由運行的成果可以看出，當作功利用CSS實此刻透明框上顯示文字。

0 條評論