html和將跨度ID合併爲一個跨度ID

我正在製作電子書，需要我創建疊加層。所有的工作都很好，除了在某些情況下，我有一個下拉帽與需要同時突出顯示的字的其餘部分相結合。下面的代碼是我目前的問題。我需要將這兩個span ID合併到一起，而不會破壞html。任何想法？html和將跨度ID合併爲一個跨度ID

<p class="ParaOverride-1"><span id="_idTextSpan017" class="DropCap-color CharOverride-6" style="position:absolute;top:-109.78px;left:26.39px;">W</span><span id="_idTextSpan018" class="PageText-v1 CharOverride-7" style="position:absolute;top:0px;left:1626.19px;letter-spacing:-2.6px;">hat </span>

來源

2016-01-22 cendrick

我試圖嵌套跨度，沒有運氣。即使嵌套，SMIL也不會突出顯示第一個字母......還有其他想法？這裏是我目前的：

W帽子 – cendrick

您需要嵌套<span>：

<span id="myID"> 
    <span id="x"> 

    </span> 
    <span id="y"> 

    </span> 
</span>

來源

2016-01-22 03:22:42

謝謝你的建議。 – cendrick

@cendrick嵌套''應該工作。你的造型有一些問題。看到https://jsfiddle.net/5m0mafsr/1/ –

這很奇怪。第一個字...一旦我嵌套了兩個跨度ID，'什麼'沒有被突出顯示。我想知道SMIL是否允許在其標記中嵌套跨度ID。 – cendrick

html和將跨度ID合併爲一個跨度ID

回答

相關問題