设置包含.swf文件的div的边框半径

当我们设置div的边框半径，然后为div设置代码background: url(image.png)，则即使图像大于div，div也会获得一个弯角..这是bcoz的图像设置为背景...设置包含.swf文件的div的边框半径

但现在我面临一个问题，当我想在div中包含.swf文件。

这里的股利与内本身包含的作为对象的.swf文件一起代码： -

<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>

在这里，我已经设置了边界半径为5像素。我正在mozilla上测试它，这就是为什么我用-moz-border-radius ..但div没有获得弯曲的角落。但是，如果我删除包含.swf文件编码的<object>标签下的整个代码，则div具有弯曲的角落。可能会有一件非常愚蠢的事情，我没有得到，但一点帮助将明显..如何获得弯曲的角落？

来源

2012-03-28 Saswat

授予了padding容器对应border-radius，像这样：

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

来源

2012-03-28 15:25:33

我试过你说的解决方案，但即使应用填充：3px后，没有任何事情发生..我试图使用填充高达10px，但仍然是相同的结果 – Saswat 2012-03-28 15:37:56

即使现在我可以看到，边界颜色也无效。我不知道为什么，但我看到所有边界相关的属性没有得到有效的.. – Saswat 2012-03-28 15:40:14

首先，清理所有不必要的代码 - 从'object'中删除所有样式，并清除'border：thick;'规则。其次，检查你的CSS规则是否被另一个样式表覆盖。第三，如果可能的话，**使用**外部样式表进行样式设计并提供更多的上下文代码，或[jsFiddle示例]（http://jsfiddle.net/）。谢谢。 – 2012-03-28 15:54:54

尝试取出height属性和添加填充，看看，让什么样的结果。

例子：

<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>

来源

2012-03-28 15:28:32

尝试了你说的解决方案，但即使应用填充：3px后，什么都没有发生..我试图使用填充高达10px，但仍然是相同的结果 – Saswat 2012-03-28 15:39:10

[jsFiddle示例]（http://jsfiddle.net/7seej/） – 2012-03-28 17:02:49

尝试增加/改装成集装箱DIV你的风格属性，这一点：

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

来源

2012-03-28 19:09:11

thanx马修，其工作很多对我来说，但1件事我想知道，如果我没有使用border：5px solid＃000，那么swf没有获得弯曲的样式，实际上是说它的jst影响边框，而不是其中包含的swf。 – Saswat 2012-03-29 01:42:56

它只是通过把边界半径规格的工作对我来说与JW5球员容器div，根据需要调整高度和宽度，并指定overflow：hidden; 我不需要使用任何填充。

来源

2014-07-30 19:26:27

设置包含.swf文件的div的边框半径

回答

相关问题