B站直播简介——今天教大家怎么去掉简介的简介二个字

野生技术 孤独木木 3年前 (2016-04-06) 2570次浏览 已收录 2个评论 扫描二维码

盖住简介二字

B 站直播简介——今天教大家怎么去掉简介的简介二个字
去掉简介的二个字的话实际不是直接去掉了它还在的
原理是这样的在 css 样式中有这样的属性就是绝对位置
正常的情况下每个东西都是相对的也就是按照你写的东西的先后顺序排列的
当你用绝对的位置就不同了
例如
在一个 box 中
一个 div1 块用的是一个相对的位置然后你另一个 div2 块用的是绝对的位置那么 div2 块他会覆盖第一个 div1 块的
正常的样子

<div style="width:400px; height:400px; position:relative; margin:0px auto;border:1px solid #CCC;">
<div style=" width:200px;height:200px; background:#F00; text-align:center; line-height:200px; font-size:20px; margin:0px auto;">这里是 div1 块</div>
<div style=" width:200px;height:200px; background:#00F;text-align:center; line-height:200px; font-size:20px; margin:0px auto;">这里是 div1 块</div>

</div>
这里是 div1 块
这里是 div1 块

用了绝对位置的样子 position:absolute 加距离 box 的边框的距离 top:0px 左边距离 left:0px;

<div style="width:400px; height:400px; position:relative; margin:0px auto;border:1px solid #CCC;">
<div style=" width:200px;height:200px; background:#F00; text-align:center; line-height:200px; font-size:20px; margin:0px auto;">这里是 div1 块</div>
<div style=" width:200px;height:200px; background:#00F;text-align:center; line-height:200px; font-size:20px; margin:0px auto; position:absolute;top:0px;left:0px;">这里是 div1 块</div>
</div>
这里是 div1 块
这里是 div1 块

你会发现 2 个 div 块叠在一起了

也就是说我们在写简介的时候想要盖住简二个字的话就要用到绝对位置
我在这里给大家提供一个写好的代码

<div style="width:1193px; height:300px; position:absolute;top:-80px;left:-20px; overflow:hidden;">
</div>
<p style="width:1px; height:200px;">.</p>

这个的意思是由于你用了绝对位置也就等于你 box 已经飘起来了不会占据简介的 box 位置所以你的 box 不能完全展现出来所以就用这个来撑开主体
在这里特别提醒你的标签里面的某属性的代码过长会让你代码被 B 站过滤的然后你就失去了 height 高度了
在提供一个要用背景图的另一的写法

<div style="width:1193px; height:300px; position:absolute;top:-80px;left:-20px; overflow:hidden;">
<div style="width:1193px; height:300px; background:url(你的图片链接);">

</div>
</div>
<p style="width:1px; height:200px;">.</p>

这样简单的写就不会造成第一行代码过长了
教程到这里结束感谢各位大佬的支持

听下音乐舒缓一下心情

『无洗脑』萌化你的小耳朵,治愈你的小心脏 – 佐仓小小千代–:– / –:–
隐藏列表
(*+﹏+*)
secret base ~君がくれたもの~ (10 years after Ver.) – 茅野愛衣,戸松遥,早見沙織05:52
ひだまりデイズ – 田中あいみ,影山灯,白石晴香,古川由利奈04:41
晚安喵 – 艾索02:00
きらきらセレナーデ – 新谷良子04:23
Let Me Be With You – ROUND TABLE04:30
また あした ※角色歌+TV 未放映第 1 话、第 2 话オリジナルエンディングテーマ – 悠木碧04:27
[2007.07.11] – Lucky Star ED Album – Aruhi no Karaoke Box – 18 – Fukuhara Kaori – Valentine Kiss. – instrumental – 平野綾03:33
オレンジ – 釘宮理恵,堀江由衣,喜多村英梨04:37
風になる – つじあやの04:09
月が泣いてる – つじあやの02:42
崖の上のポニョ – 大橋のぞみ,藤岡藤巻02:46
おどるポンポコリン – B.B.クイーンズ03:13
with you – 茶太04:23
小さな手のひら – 茶太04:58
経験値上昇中☆ – KΛNΛ03:49
Happy Girl (TV size) – 喜多村英梨01:33
ハチミツ時間 (千早恵 ver) – 豊崎愛生04:40
ハロ/ハワユ – ナノウ,鹿乃04:48
しあわせ日和 – 豊崎愛生03:45
恋愛サーキュレーション – 花澤香菜04:15
しゃらららるんら – 五十嵐裕美04:03
シークレットプリンセス – 釘宮理恵04:00
ハッピー☆マテリアル – V.A.03:46
ふわふわ時間(#23『放課後!』Mix) – 放課後ティータイム04:30
Brilliant Days – 喜多村英梨04:02
Baby Sweet Berry Love – 小倉唯04:06
ハレルヤいつも – 大坪由佳04:17
パズル – 戸松遥03:53
ウラオモテ・フォーチュン – 小澤亜李03:42

喜欢 (3)
[15390816981]
分享 (0)

您必须 登录 才能发表评论!

(2)个小伙伴在吐槽
  1. 学习DW的我还是看不懂全部~ :mrgreen:
    s63494812016-08-25 21:57 Windows 7 | Chrome 47.0.2526.108