边缘动画不会跟随显示:内联块规则

时间:2014-05-08 20:19:21

标签: html twitter-bootstrap css

我是一名平面设计师让自己脱离Muse并进入Dreamweaver,学习HTML,让我当前的客户端网站成为我的第一个非Muse系统(好吧,很好,我从Bootstrap开始,但它会变得更好!)。

这是正在进行的: http://wearethefirehouse.com/livesitetest/

我需要所有这些边缘动画相互串联,并且“紧”。它们都在不同的z索引上,如果一个在另一个上面冒泡,那么我很好。

    <div class="cover-container">
              <!-- Edge Animate Buttons-->
      <object id="demobutton" type="text/html" width="170" height="170" data-dw-widget="Edge" data="edgeanimate_assets/demo-button/Assets/demo-button.html"></object>
      <object id="demobutton" type="text/html" width="170" height="170" data-dw-widget="Edge" data="edgeanimate_assets/demo-button/Assets/demo-button.html"></object>
      <object id="demobutton" type="text/html" width="170" height="170" data-dw-widget="Edge" data="edgeanimate_assets/demo-button/Assets/demo-button.html"></object>
      <object id="demobutton" type="text/html" width="170" height="170" data-dw-widget="Edge" data="edgeanimate_assets/demo-button/Assets/demo-button.html"></object>
      <object id="demobutton" type="text/html" width="170" height="170" data-dw-widget="Edge" data="edgeanimate_assets/demo-button/Assets/demo-button.html"></object>
      <object id="demobutton" type="text/html" width="170" height="170" data-dw-widget="Edge" data="edgeanimate_assets/demo-button/Assets/demo-button.html"></object>
      <object id="demobutton" type="text/html" width="170" height="170" data-dw-widget="Edge" data="edgeanimate_assets/demo-button/Assets/demo-button.html"></object>
    </div>

我试过了:

#demobutton {
    display: inline-block;
}

#demobutton {
    display: inline;
}

没有骰子。 此外,我需要让他们所有链接...尝试在第一个,我什么也没得到。我确信这很简单。

这是一个jsFiddle,请在您处理时解除代码中的任何低效问题! http://jsfiddle.net/8SaL3/

0 个答案:

没有答案