Einstellung Rahmenradius eines div mit einer SWF-Datei

Wenn wir Border-Radius eines div festlegen, und dann den Code background: url(image.png) für das div festlegen, dann, auch wenn das Bild größer als das div ist, erhält das div a gebogene ecke..das ist bcoz das bild ist als hintergrund ...Einstellung Rahmenradius eines div mit einer SWF-Datei

aber jetzt stelle ich ein problem, wenn ich eine .swf datei innerhalb der div enthalten soll.

hier ist der Code des div zusammen mit der SWF-Datei als Objekt in sich enthalten: -

<div id="video_container_1" style="height:300px; border: thick; -moz-border-radius: 5px; border-color:#000000"> 
       <object classid="vid:1" codebase="FlashVideos/bride.swf" width="250px" height="300px" style="-moz-border-radius: 5px; border-color:#000000"> 
      <param name="FlashVideos/bride.swf" /> 
      <param name="quality" value="high" /> 
      <embed src="FlashVideos/bride.swf" quality="high" 
      pluginspage="http://www.macromedia.com/go/getflashplayer" 
      type="application/x-shockwave-flash" width="250" height="300" wmode="transparent"> 
      </embed> 
     </object> 
    </div>

hier, ich habe bereits die border-radius als 5 Pixel festgelegt. ich teste es auf mozilla, deshalb habe ich -moz-border-radius benutzt .. aber das div bekommt nicht die gebogene ecke. Wenn ich jedoch den gesamten Code unter <object> Tag entfernen, das die SWF-Dateicodierung enthält, dann hat das Div eine gekrümmte Ecke. Kann sein, dass es eine sehr dumme Sache gibt, die ich nicht bekommen werde, aber eine kleine Hilfe wird bemerkenswert sein. Wie man die gekrümmten Ecken bekommt ??

Quelle

2012-03-28 Saswat

Erteilen der Behälter mit einem padding zum border-radius entspricht, etwa so:

<div id="video_container_1" style="-moz-border-radius: 5px; padding: 3px;"> 
    <!-- ... --> 
</div>

Quelle

2012-03-28 15:25:33

Ich habe versucht, die Lösung, die Sie sagte, aber selbst nach der Anwendung Polsterung: 3px, nichts passierte .. Ich versuchte mit Polsterung bis 10px aber immer noch das gleiche Ergebnis – Saswat

auch jetzt kann ich sehen, die Grenze-Farbe ist auch nicht effektiv .. Ich weiß nicht warum, aber ich sehe, dass alle mit der Grenze verbundenen Attribute nicht effektiv werden. – Saswat

zuerst, bereinigen Sie alle unnötigen Code - entfernen Sie alle Styling aus dem 'Objekt', und löschen Sie auch die' border: thick; 'Regel. Zweitens, überprüfen Sie, ob Ihre CSS-Regeln von einem anderen Stylesheet überschrieben wurden. Drittens, ** benutze ** externe Stylesheets zum Stylen und gib etwas mehr Kontext-Code oder, falls möglich, ein [jsFiddle-Beispiel] (http://jsfiddle.net/). Vielen Dank. –

Versuchen Sie, die Höhe Attribut und das Hinzufügen von padding zu entfernen und sehen, welche Ergebnisse das gibt.

Beispiel:

<div id="video_container_1" style="padding: 3px; border: thick; -moz-border-radius: 5px; border-color:#000000"> 
       <object classid="vid:1" codebase="FlashVideos/bride.swf" width="250px" height="300px" style="-moz-border-radius: 5px; border-color:#000000"> 
      <param name="FlashVideos/bride.swf" /> 
      <param name="quality" value="high" /> 
      <embed src="FlashVideos/bride.swf" quality="high" 
      pluginspage="http://www.macromedia.com/go/getflashplayer" 
      type="application/x-shockwave-flash" width="250" height="300" wmode="transparent"> 
      </embed> 
     </object> 
    </div>

Quelle

2012-03-28 15:28:32

versuchte die lösung du sagtest, aber selbst nach dem auffüllen: 3px, nichts passiert .. Ich versuchte mit Padding bis 10px aber immer noch das gleiche Ergebnis – Saswat

[jsFiddle Beispiel] (http://jsfiddle.net/7seej/) –

Versuchen Hinzufügen/modden dies in Ihrem Stil-Attribut für das div-Container:

overflow: hidden; height: 300px; width: 250px; border: 5px solid #000;

Quelle

2012-03-28 19:09:11

Danke Matthew, es hat viel für mich gearbeitet, aber 1 Sache, ich möchte wissen, ob Ich benutze keine Grenze: 5px solid # 000, dann bekommt das swf nicht den gebogenen Stil, wirklich zu sagen, dass es die Grenze beeinflusst, nicht das swf, das darin enthalten ist. – Saswat

Es ist für mich nur mit JW5 Spieler arbeitete von border-radius Spezifikationen auf dem Putting Container div, Höhe und Breite nach Bedarf anpassen und Überlauf angeben: verdeckt; Ich brauchte kein Padding.

Quelle

2014-07-30 19:26:27

Einstellung Rahmenradius eines div mit einer SWF-Datei

Antwort

Verwandte Themen