CSS: abgerundete Ecke div auf schweben

StackOverflow https://stackoverflow.com/questions/428280

  •  06-07-2019
  •  | 
  •  

Frage

Ich versuche, etwas zu erreichen, die ganz einfach schien ...

Ich habe 3 divs, die einen Radiobutton und einige Inhalte enthalten: 

     Content of DIV1,
[]   this can be as long or as tall
     as wanted

[]   Content of DIV2

[]   Content of DIV3

Es ist leicht abgerundete Ecken zu schaffen für jedes div auf andere Beiträge hier. Und doch habe ich in der Lage zu tun, das nicht nur für die Schwebe Ereignis, also würde Ich mag die abgerundete Kaste nur um die div erscheinen, um zu sehen, wenn die Maus darüber bewegt. Hat jemand ein Beispiel für dieses Wesen irgendwo getan gesehen?

Bearbeiten : Ich bin schon mit Prototype und Scriptaculous. Ich kann nicht hinzufügen jQuery nur für diese.

War es hilfreich?

Lösung

Dies ändert die CSS mit jquery auf dem Schweben eines div 

print("<div id="output" class="div"></div>



<script>

    jQuery(document).ready(function() {

    $("#output").hover(function() {
        $(this).css({ 'background-color': 'yellow', 'font-weight': 'bolder' });
    }, function() {

    $(this).css({ 'background-color': 'blue', 'font-weight': 'bolder' });
    });


    }
    );

„);

Andere Tipps

Ein Teil des Problems Sie liegt in der Tatsache, die sein könnte, dass in den meisten Implementierungen von CSS (und die Umsetzung der Browser dieser Technologie), ein div nicht hat. Hover Methode, die Sie Stilregeln anhängen können

Wie Antony erwähnt, könnte jQuery der Lage sein, dies zu umgehen.

Wie würde ich es angreifen (da ich jQuery nicht erforscht) ist Ihr einen Tag festgelegt (die hat haben eine Hover-Methode) Display: Block, mit allen damit verbundenen Regeln, die Sie würde eingestellt, als ob es ein div war, es die enthalten div zu füllen machen zu erweitern, und dann natürlich, fügen sie Ihre abgerundete Ecke Regeln zum schweben.

Ein andere Möglichkeit ist Ihre div mit einem Tag zu umgeben, aber dann wieder, sie ist immer noch Einstellung Anzeige:. Block, Hintergrund und andere Regeln, die nicht wirklich in einem gehört

Das ist alles ein brutaler Missbrauch der Syntax, so sichern Sie Ihre Arbeit, bevor Sie etwas versuchen, schlage ich vor.

Viel Glück - es wäre wahrscheinlich einfacher sein, nur zu halten es auf dem div ganze Zeit abgerundet, und denken Sie an etwas anderes ein Hover-Effekt rufen Sie tun können,

.
Nicht verbunden mit StackOverflow
scroll top