小编Ste*_*ker的帖子

IE ForEach在IE11中循环

我在IE11中获取JS循环以处理页面上的4个元素时遇到问题.我希望函数hideImg在鼠标悬停上运行在您悬停的元素上.

这是我的代码:

elements.forEach( function(element) {
    element.addEventListener('mouseover', hideImg);
});
Run Code Online (Sandbox Code Playgroud)

我想我发现forEachIE中不支持循环,我怎样才能for在普通JS中轻松将其转换为循环?

亲切的问候,
史蒂夫

javascript foreach internet-explorer loops internet-explorer-11

12
推荐指数
3
解决办法
2万
查看次数

<a> 标签中的边距不可点击(Foundation 4)

我正在使用 Foundation 4 框架创建一个服务器文件表,并且似乎遇到一个问题:当文件名长到两行时,并非所有行都可单击。我需要整个阴影行作为链接。

请参阅我在 Photoshop 中突出显示的可点击区域的图像。

每行的HTML结构如下:

<div class="fileTable row alternate">
    <a class="icon folder" href="#">
        <div class="large-10 columns margin">test folder test folder test folder test folder test folder test folder test folder test folder test folder test folder test folder test folder test folder</div>
        <div class="large-2 hide-for-small columns margin">23/05/2013</div>
    </a>
</div>
Run Code Online (Sandbox Code Playgroud)

.margin 的类别似乎是问题所在。添加它是为了使文本在每行内垂直居中,它在顶部和底部添加了 7px。我本来会使用 line-height 并将其设置为每行相同的高度(44px),但这会导致两行上的任何文件名的行之间存在巨大间隙。

上面的屏幕截图正是我需要的样子,只是由于某种原因它不能正确地作为链接。

fileTable 链接的 CSS 如下:

.fileTable a {
    display: block;
    line-height: 25px;
    text-decoration: none;
    color: #000000;
    padding-left: 40px;
}

.margin {
    margin-top: 7px; …
Run Code Online (Sandbox Code Playgroud)

html css margin zurb-foundation

1
推荐指数
1
解决办法
6288
查看次数