模板討論:填空幕
跳至導覽
跳至搜尋
關於模板的換行使用
@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;
}
