CSS:在标记字母之前

CSS:在标记字母之前,css,Css,所以我用了这个“容器:在之前”来创造一个史诗般的背景效果,但问题是字母在后面,而不是在上面, 我尝试使用z-index:2和position:absolute;莱特人在上面,但不在中间 @字体{ 字体系列:“mixoly”; src:url(“mixolydian titling ul.ttf”)/*用于CSS3浏览器的ttf文件*/ } #容器{ 字体系列:'mixoly',无衬线; 位置:相对位置; 高度:100px; 宽度:100px; 线高:100px; 文本对齐:居中; 溢出:隐藏

所以我用了这个“容器:在之前”来创造一个史诗般的背景效果,但问题是字母在后面,而不是在上面, 我尝试使用z-index:2和position:absolute;莱特人在上面,但不在中间


@字体{
字体系列:“mixoly”;
src:url(“mixolydian titling ul.ttf”)/*用于CSS3浏览器的ttf文件*/
}
#容器{
字体系列:'mixoly',无衬线;
位置:相对位置;
高度:100px;
宽度:100px;
线高:100px;
文本对齐:居中;
溢出:隐藏;
背景色:rgba(,0.80);
颜色:白色;
}
#容器:在{
内容:'';
位置:绝对位置;
左:40%;
宽度:200%;
身高:200%;
背景色:rgb();
排名:0;
-webkit变换:旋转(25度);
-moz变换:旋转(25度);
变换:旋转(25度);
}
A.

只需将
z-index:-1
赋给
:之前的

像这样:

@font-face{
字体系列:“mixoly”;
src:url(“mixolydian titling ul.ttf”)
/*用于CSS3浏览器的TTF文件*/
}
#容器{
字体系列:“mixoly”,无衬线;
位置:相对位置;
高度:100px;
宽度:100px;
线高:100px;
文本对齐:居中;
溢出:隐藏;
背景色:rgba(51,204,51,0.80);
颜色:白色;
字体大小:40px;
}
#集装箱:以前{
内容:'';
位置:绝对位置;
左:40%;
宽度:200%;
身高:200%;
背景色:rgb(51、204、51);
排名:0;
z指数:-1;
-webkit变换:旋转(25度);
-moz变换:旋转(25度);
变换:旋转(25度);
}

A.

说真的吗?我不想侮辱你,但在说出那个肮脏网站的名字之前,请看一看!W3Schools仍然存在一些问题,但至少他们已经解决了开发人员所关心的主要问题。对于许多初学者来说,W3Schools提供了结构化的教程和操场,提供了一个良好的学习体验。然而,如果不从更知名的渠道学习而继续你的教育,那将是一个错误,所以当你准备升级时,继续前进。好的,就转到mozilla:它已经过时了!谢谢:)