沙盒：修订间差异
来自卡厄思梦境WIKI
无编辑摘要 |
小无编辑摘要 |
||
| 第2行： | 第2行： | ||
<!-- 背景图片 --> | <!-- 背景图片 --> | ||
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;">[[File:bg_character_info.png]]</div> | <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;">[[File:bg_character_info.png]]</div> | ||
<!-- 切换标签 --> | |||
<div class="main-line-wrap" style="position: absolute; top: 10px; left: 10px; z-index: 10; margin: 0;"> | |||
<div class="resp-tabs"> | |||
<ul class="resp-tabs-list"> | |||
<li class="active czn-list-style"><span class="tab-panel">立绘</span></li> | |||
<li class="czn-list-style"><span class="tab-panel">精二</span></li> | |||
</ul> | |||
<div class="resp-tabs-container" style="display: none;"> | |||
<!-- 标签内容容器隐藏，因为我们只需要切换功能 --> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- 数据表格 --> | <!-- 数据表格 --> | ||
<div style="position: absolute; left: 20px; top: | <div style="position: absolute; left: 20px; top: 60px;"> | ||
{| class="wikitable" style="width: 100%; " | {| class="wikitable" style="width: 100%;" | ||
|- | |- | ||
! 属性 !! 数值 | ! 属性 !! 数值 | ||
| 第21行： | 第35行： | ||
|} | |} | ||
</div> | </div> | ||
<!-- | |||
<div style="position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-height: 100%; max-width: 60%; z-index: 1;"> | <!-- 立绘图片容器 --> | ||
[[File:portrait_character_1041.png|center|500px]] | <div id="portrait-container" style="position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-height: 100%; max-width: 60%; z-index: 1;"> | ||
<!-- 普通立绘 --> | |||
<div id="portrait-normal" style="display: block;"> | |||
[[File:{{{portrait|portrait_character_1041.png}}}|center|500px]] | |||
</div> | |||
<!-- 精二立绘 --> | |||
<div id="portrait-elite" style="display: none;"> | |||
[[File:{{{portrait_elite|portrait_character_1041_elite.png}}}|center|500px]] | |||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
