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

回答

相关问题