我是一张图片,实际上是来自youtube提供的YouTube视频中的图片。 如果我将它放入我的DOM并为其添加一些大小调整属性,它们将被忽略。为什么呢?
F.e:
<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中的流体添加这些图像。所有处理过的本地图片都会以正确的尺寸显示。
图像没有其他样式属性。锚标签有位置。
我现在的解决方案是给出高度和宽度属性,我通过我的viewhelper添加css内联样式。这很有效。