Template talk:填空幕
跳转到导航
跳转到搜索
关于模板的换行使用
@Sirogohan 请问跨行使用需求到底是在指什么,毕竟模板现在使用的都是<span>且display:inline;;其次我目前没有发现换行问题。 —— 「论|史|签」2021年10月23日 (六) 03:28 (CST)
- 这样貌似除了链接颜色以外就没问题了:
<includeonly><!--
--><templatestyles src="Hovers/hover.css" /><!--
--><span class="hover-change" title="{{{2|你懂的}}}" style="display:inline-flex;text-align:center;border-bottom:1px solid {{{line-color|#252525}}}; {{#if: {{{color|}}}|color:{{{color}}}|}}"><!--
-->{{#ifeq:{{{enable-select-all|}}}|false||<span class="hover-change-before" style="position:absolute;display:inline;color:transparent;">{{{1|}}}</span>}}<!--
--><span class="hover-change-after" style="position:static; display:inline; width:100%; padding:0 {{{spacing|}}};{{#ifeq:{{{enable-select-all|}}}|false||user-select:none;}}">{{{1|}}}</span><!--
--></span><!--
--></includeonly><noinclude>{{Documentation}}</noinclude>
—— 「论|史|签」2021年10月23日 (六) 03:48 (CST)
- @鬼影233
- 以这一段话为例,特别是在存在这种比较长的链接时的时候,如果页面窄到这句话需要换行,那么虽然正常的hover可以如常使用,但是全选这段文字就会发现被选中的文字是乱的,链接更是不知道排到哪里去了
- 我稍早已经尝试重新改写该模板,利用hover前后的opacity或者文字的RGBA,而不是分离的before/after单元来实现本模板的功能了。预期这种方法可以处理反白文字错乱的问题,届时可将允许反白设为默认。模板页不让挂{{施工中}},还请少安毋躁。——Sirogohan(讨论) 2021年10月23日 (六) 03:56 (CST)
@鬼影233:今天 编辑冲突 实在太多了。请问您是否有兴趣直接接手该模板的编辑,或是说您有更好的方案以后可以直接合并该模板?不然的话可否先给我半天时间让我调完然后您再完善?——Sirogohan(讨论) 2021年10月23日 (六) 10:59 (CST)
建议去掉advance参数并且更换实现方法
@Sirogohan。原本的实现方法太复杂,并且advance参数使用opacity实现,导致不仅Safari,而是所有浏览器都无法选中反白。更换实现方法后的效果见Special:固定链接/5344688(模板见Special:固定链接/5344259,模板样式表见Special:固定链接/5344450)。这只是演示实现方法,其他参数之后再加就行了。
实现方法为:
.blank, .blank * {
transition: color .13s linear;
}
.blank:not(:hover), .blank:not(:hover) * {
color: transparent !important;
}