我在IE8上遇到了麻烦,(在最新版本中效果很好)。 IE首先在每个标签中添加两个标签(<div>
和<img>
)。在第一个标签中,一切都很好。
img标签有src ='undefined'我试图隐藏当用户点击选项卡但没有结果。
$('.tabLinks').click(function() {
$('img[src="undefined"]').css('visibility', 'hidden');
});
查看来源时 - 它没有上面提到的标签
也许有人面对它。会很高兴得到任何帮助。
附上以下屏幕: Screen 1
当我试图在开发人员的工具中找到两个标签时,我不知道为什么以及IE如何在模板标签中生成每个标签后插入它。在所有其他浏览器中没有任何问题。只是在这里。
UPD 相关代码:
{{foreach (#Core.$data.content.pages as $pageName => $pageValues)}}
<div id="{{$pageName}}">
<div class="subbg">
<div class="column">
{{foreach ($pageValues as $default => $param)}}
{{if ($default == 'defaults')}}
{{foreach ($param as $pk => $pv)}}
<div class="undercover" id="underCover-{{$pageName}}"
productelementid="{{if (!isSet($pv.productElementId))}}0{{else}} {{$pv.productElementId}}{{/if}}"
side="{{$pageName}}"
style="
position: relative;
width:{{$pv.bwidth}}px;
height:{{$pv.bheight}}px;
border:2px solid #C4C4C4;
margin:{{$pv.bleeding}}px;
background-color:{{if (!isSet($pv.color))}}#ffffff{{else}}{{$pv.color}}{{/if}};
overflow:hidden;">
<div id="sub-{{$pageName}}" class="substrate PageElements"
type="substrate"
side="{{$pageName}}"
style="position: absolute;
top:12px;
left:12px;
width:{{$pv.width}}px;
height:{{$pv.height}}px;
background-color:transparent;
border:2px dotted #cccccc;
z-index:100;"></div>
{{foreach ($pageValues as $pType => $pageValue)}}
{{if ($pType == 'label')}}
{{foreach ($pageValue as $labelK =>$labelV)}}
<!-- Print label elemnets B-->
<div id="{{$labelV.html_id}}"
class="PageElements"
type="{{$pType}}"
side="{{$pageName}}"
content="{{$labelV.content}}"
fontId="{{$labelV.font_id}}"
name="{{$labelV.html_id}}"
style="position:absolute;
top:{{$labelV.posY}}px;
left:{{$labelV.posX}}px;
color:{{$labelV.color}};
font-family:{{$labelV.font_family}};
font-size:{{$labelV.font_size}}px;
font-weight:{{$labelV.font_weight}};
font-style:{{$labelV.font_style}};
text-decoration:{{$labelV.text_decoration}};
text-align:{{$labelV.text_align}};
line-height:{{$labelV.line_height}}px;
width:{{$labelV.width}}px;
height:{{$labelV.height}}px;
z-index:{{$labelV.zIndex}};
overflow:hidden;"
>
{{$labelV.content}}
</div>
<!-- Print label elemnets E-->
{{/foreach}}
{{/if}}
{{if ($pType == 'image')}}
{{foreach ($pageValue as $imageK =>$imgV)}}
<!-- Print image elemnets B -->
<div id="{{$imgV.html_id}}"
class="PageElements"
type="{{$pType}}"
side="{{$pageName}}"
name="{{$imgV.html_id}}"
path="{{$imgV.path}}"
style="position:absolute;
top:{{$imgV.posY}}px;
left:{{$imgV.posX}}px;
z-index:{{$imgV.zIndex}};
background-image: url('{{$imgV.path}}');
background-repeat: repeat-x;
background-repeat: no-repeat;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='{{$imgV.path}}',
sizingMethod='scale');
-ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='{{$imgV.path}}',
sizingMethod='scale');
width:{{$imgV.width}}px;
height:{{$imgV.height}}px;
overflow:hidden;"
></div>
<!-- Print image elemnets E -->
{{/foreach}}
{{/if}}
{{/foreach}}
</div>
{{/foreach}}
{{/if}}
{{/foreach}}
</div>
</div>
</div>
{{/foreach}}