私はオンラインコンテンツエディターに取り組んでいます。すべてが正常に機能していましたが、突然、大きなフォントが div の上部でトリミングされ始めました。以前は、フォントが大きくなるにつれて、div の実際の挿入ポイントがわずかに下に移動していました。現在、フォントが大きくなっても修正されたままです。contentDiv の CSS は次のとおりです。
.textObject {
position:absolute;
white-space:normal;
overflow:hidden;
}
.textMove {
border:1px transparent dashed;
}
.textMove:hover {
cursor:move;
border:1px #999999 dashed;
}
ホバー クラスは、この画像で点線を生成しているものです。
明らかに、CSS のどこかで何かが間違っています。誰かがこれの原因を特定するのを手伝ってくれますか? 編集ツールでトレースできますが、何を探すべきかわかりません。大きなフォントがこのようにトリミングされる原因を知る必要があります。
ところで、overflow:visible でテキストが表示されることはわかっていますが、ボックス内に含めたいと思います。
いつも大変お世話になっております。
編集:コードのこの部分の実際のCSSフォーム(レンダリング)
<div id="slideHolder59" style="position: absolute; left: 0px; top: 0px; overflow: hidden;">
<div id="stageLayer59" class="stageLayer" style="position: relative; top: 0px; left: 0px; width: 960px; height: 640px;"></div>
<div id="slayer11" class="setObject setMove ui-draggable ui-resizable ui-resizable-autohide" style="top: 489px; left: 696px; width: 200px; height: 84px; cursor: move;"></div>
<div id="tlayer65" class="textObject textMove ui-draggable ui-resizable ui-resizable-autohide" style="left: 101px; top: 79px; width: 532px; height: 111px; color: rgb(255, 255, 255); font-family: Lato; font-size: 97px; font-weight: normal; text-decoration: none; font-style: normal; text-align: left; opacity: 1; cursor: move;"></div>
</div>