我是一名平面设计师让自己脱离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/