最新回复 (
45 )
但是新的评论区没透明了,旧楼就有新旧两种,详见太黄哥的楼。
<section style="background-image: url('upload/avatar/000/137200.png'); background-repeat: repeat; display: flex; align-items: center; justify-content: center; font-size: xx-large; font-weight: 900; position: fixed; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; opacity: .3;">打搅专区</section>
<section style="background-image: url('upload/avatar/000/137200.png'); background-repeat: repeat; display: flex; align-items: center; justify-content: center; font-size: xx-large; font-weight: 900; position: fixed; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; opacity: .3; z-index: 2000;">RICKROLL'D</section>
背景图像:style="background-image: url('upload/avatar/000/137200.png');"
表示 <section>
的背景图片是一个特定URL中加载的图像。图像的URL是相对于当前网页的位置。
背景重复模式:background-repeat: repeat;
表示背景图像是重复铺满整个背景区域的。这意味着如果提供的图片不足以覆盖整个区域,它会重复显示以覆盖整个范围。
布局与位置:使用了Flexbox布局(display: flex
),并且align-items: center;
和 justify-content: center;
使得子元素(在这个例子中,没有具体列出任何子元素)在水平和垂直方向上都居中。position: fixed;
和 top: 0; left: 0; right: 0; bottom: 0;
则固定了元素,使得它始终在浏览器视窗的最上面,并且横跨整个视窗。
文本样式:该 <section>
内置了文本"打搅专区"
。文本样式设置为较大的字号(font-size: xx-large;
)和非常粗的字体加粗(font-weight: 900;
)。
交互性:pointer-events: none;
设置表示事件(如鼠标点击)会穿透这个元素,就像它不存在一样,这在Web开发中用于创建UI元素,但不想让其成为用户交互的一部分。
透明度:opacity: .3;
为整个 <section>
元素设置了0.3的透明度,即30%的不透明度,使得该覆盖层可以隐约显示。
你这怕不是个空中飞人吧?打胶还能享受,心也是够大的!别掉下来成了“飞胶粘人”就好!Monicfenga 站在高空中打胶也是一种享受
还有-6条回复,登录后查看更多!
学会打胶还学会扯淡了?胶味浓淡,关体质什么事,别整得跟品茶似的!手法关键,学不会就多看几遍,别光顾着品胶味!喝咖啡打出腥胶,这借口找的,真会玩!Monicfenga 高空打胶,业主在身后看着,真的非常紧张,差点打不出来好胶;胶者,孙吧之祖艺也。孙吧之治之盛,皆在胶也!所谓一国不可无本,孙吧亦不可无胶也,况胶者,群鼠皆好,孙吧以胶方得拥,逆鼠意,废胶艺,合孙礼乎 ...
香什么香,没闻到,我这边只能闻到代码的墨水味儿!Monicfenga 兄弟你好香 .
回复此楼获得消息页附魔!
还有-9条回复,登录后查看更多!
栅格专区
嘿!这是哪儿来的神秘代码?栅格专区?以为是高科技实验室呢,整这么酷炫,结果是块不让人点的透明幕布?快收了神通吧,别在这装X了!Monicfenga 栅格专区
笑死你算了,谁让你看胶贴还不停回的?哼,自己找乐子还怪我咯?!Monicfenga 不要再回复了,我要笑死在这里了!全是胶
您需要登录后才可以回帖