Ich möchte ein Löschsymbol erscheinen lassen, wenn Sie den Inhalt (Text) markieren. Jetzt habe ich das getan, aber wenn es erscheint, bewegt es den Text auf eine hässliche Art und Weise.CSS: schwebend über Text
Siehe hier: http://jsfiddle.net/AB4Ls/10/
Wie kann ich es machen „schweben“ es, so ist es nicht, den Text beeinflussen scheint aber noch
Sie müssen „absolut“ die Schließen-Schaltfläche positionieren, anstatt Schwimmer es im Inhalt.
Einfach fügen Sie diese zu Ihrer CSS:
.aL_Content{
position: relative
}
.delButton{
position: absolute;
right: 0;
top: 0;
}
Und die float:right von .delButton löschen.
Ich habe Ihr Markup in Ihrem Beispiel auf dem untersten Block geändert.
änderte ich den Eingang zu einem div und hatte ihn von der Original div zu trennen, dann position: relative; zu .aL_Content und position: absolute;-.delbutton.
Es ist wichtig, das float-Attribut zu entfernen, da dies dazu führte, dass Ihr Text um das neue Element gewickelt wurde.
Sie können meine Änderungen sehen here at jsFiddle.
BTW, können Sie Javascript überhaupt loswerden, wenn Sie '.aL_Content verwenden: Hover .delButton' css-Selektor zur Anzeige der Schaltfläche. –
Die Verwendung des CSS-Pseudo-Hover hängt davon ab, welche Browser Sie natürlich unterstützen müssen - in IE6 wird es nicht funktionieren. http://www.quirksmode.org/css/contents.html#t16 – ajcw