Question

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

还有另一种方法可以钓鱼留在侧边栏吗？或者只是一种继续使用左边属性而不重叠帖子的方法？

fish 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参数更改为transparent：

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

Answer 2

嘿，不是你想要的答案，但是.......

...我非常确定鱼群的移动将由Flash文件中的ActionScript控制。不幸的是，除非您可以访问源文件（不仅仅是swf文件），否则您将无法操纵鱼的移动。我猜你不是因为文件是在http://cdn.abowman.com/

托管的

好的，我将开始编辑我的答案。

#fish容器具有属性

position:fixed,

这使它脱离了文档的正常流程。

如果您希望它们能够响应，我会为整个内容创建另一个div包装器，将其设置为适当的宽度。你可以做到

max-width:1200px; 
width:80%;

然后在此父容器中插入#fish容器，该容器将包装所有页面内容。

如果我有时间，我会尝试为你创造一些东西。

在tumblr主题上定位flash对象

2 个答案: