模板讨论:填空幕
跳转到导航
跳转到搜索
关于模板的换行使用
@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;
}
