html - 在 tumblr 主题上定位 flash 对象

Question

所以我正在使用 this flash fish code , 和 this is my theme .我试图让鱼留在侧边栏边界之间而不移动到外面。我发现如果我使用 left:600px 移动侧边栏，我可以让鱼留在侧边栏中，但是当我缩小浏览器时，我的侧边栏与我的帖子重叠，并且主题显示不同不同的屏幕分辨率。我对这一切都是陌生的，我已经尝试了很多东西，我变得绝望了。

有没有其他方法可以让鱼留在侧边栏？或者只是一种继续使用 left 属性而不与帖子重叠的方法？

鱼 CSS

#fish{
    position:fixed;
    padding-left:500px;
    width:100px;
    top:0px;
    height:100%;  
}    

侧边栏代码

#sb {
    background-image:url('');
    font-family:calibri;
    text-align:center;
    font-size:8px;
    text-transform:uppercase;
    color:{color:sbtext};
    width:200px;
    padding:10px;
    left:600px;
    height:100%;
    border:1px solid {color:border};
    position:fixed;
    bottom:0;
    background:transparent;
}

帖子代码

#stuffcontainer {
    margin-left:250px;
    float:left;
    margin-top:75px;
    text-align:justify;
    font-family:calibri;
    color:{color:text};
    margin-bottom: 5%;
    padding-left:200px;
}

#stuff {
    width:500px;
    margin-top:50px;
    text-align:justify;
    font-size:11px;
    line-height:90%;
    letter-spacing:0.5px;
    color:{color:text};
    padding-bottom:15px;
    padding:20px;
    border:1px solid {color:border};
    background-color:{color:bg};
}

钓鱼代码

<div id="fish" style="position:fixed; left:120px;top:0px;"  class="main">
    <object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/fish/fish.swf?up_fishName=Fish&amp;up_fishColor3=D7EAF5&amp;up_backgroundColor=FFFFFF&amp;up_fishColor8=D7EAF5&amp;up_numFish=10&amp;up_fishColor10=D7EAF5&amp;up_backgroundImage=http://&amp;up_fishColor9=D7EAF5&amp;up_fishColor6=D7EAF5&amp;up_fishColor2=D7EAF5&amp;up_foodColor=BBBBBB&amp;up_fishColor5=D7EAF5&amp;up_fishColor7=D7EAF5&amp;up_fishColor1=D7EAF5&amp;up_fishColor4=D7EAF5&amp;"
  width="200" height="100%">
    <param name="movie" value=
    "http://cdn.abowman.com/widgets/fish/fish.swf?up_fishName=Fish&amp;up_fishColor3=D7EAF5&amp;up_backgroundColor=FFFFFF&amp;up_fishColor8=D7EAF5&amp;up_numFish=10&amp;up_fishColor10=D7EAF5&amp;up_backgroundImage=http://&amp;up_fishColor9=D7EAF5&amp;up_fishColor6=D7EAF5&amp;up_fishColor2=D7EAF5&amp;up_foodColor=BBBBBB&amp;up_fishColor5=D7EAF5&amp;up_fishColor7=D7EAF5&amp;up_fishColor1=D7EAF5&amp;up_fishColor4=D7EAF5&amp;" />
    <param name="AllowScriptAccess" value="always" />
    <param name="wmode" value="opaque" />
    <param name="scale" value="noscale" />
    <param name="salign" value="tl" />
  </object>

更新:我尝试移动鱼代码，以便代码与侧边栏位于同一个 div 中。运气不好。

Answer 1

将 wmode 参数更改为透明:

<param name="wmode" value="transparent">