我有一张图片,实际上它是来自 youtube 提供的 youtube 视频的图片。如果我将它放入我的 DOM 并为其添加一些大小调整属性,它们将被忽略。为什么?
铁:
<div id="item-strip" style="width: 100%; left: 0px; bottom: 20px; height: 5.67010309278351%;">
<a href="#" id="strip-item_1" class="strip-item" data-width="50" data-height="50" style="left: 855px; opacity: 0.3;">
<img src="fileadmin/_processed_/csm_Breakbot_45131e3f4b.jpg" width="50" height="50" alt="">
</a>
<a href="#" id="strip-item_2" class="strip-item" data-width="50" data-height="50" style="left: 915px; opacity: 0.3;">
<img src="fileadmin/_processed_/csm_BusyP_132ca062c9.jpg" width="50" height="50" alt="">
</a>
<a href="#" id="strip-item_3" class="strip-item" data-width="50" data-height="50" style="left: 975px; opacity: 0.3;">
<img src="fileadmin/_processed_/csm_Justice_Gaspard_320_1_096a62ce10.jpg" width="50" height="50" alt="">
</a>
<a href="#" id="strip-item_7" class="strip-item" data-width="50" data-height="50" style="left: 1035px; opacity: 0.3;">
<img src="fileadmin/_processed_/csm_mindwarping2_bbf5c05a70.gif" width="50" height="50" alt="">
</a>
<a href="#" id="strip-item_6" class="strip-item" data-width="50" data-height="50" style="left: 1095px; opacity: 0.3;">
<img src="fileadmin/_processed_/csm_mindwarping_38c238a504.gif" width="50" height="50" alt="">
</a>
<a href="#" id="strip-item_4" class="strip-item" data-width="50" data-height="50" style="left: 1155px; opacity: 1;">
<img src="http://img.youtube.com/vi/7buLSy3BXG0/0.jpg" height="50" width="50">
</a><span class="strip-item-frame" style="border-color: green; left: 1155px; width: 63px; height: 47px;"></span>
我正在通过 php viewhelper 添加这些图像以用于 TYPO3 中的流体。所有处理后的本地图片都以正确的大小显示。
图像没有额外的样式属性。锚标签有位置。
我现在的解决方案是给出高度和宽度属性,我通过我的视图助手添加 css 内联样式。这行得通。