Элементы, добавленные в li, не работают нормально - PullRequest
0 голосов
/ 01 апреля 2020

У меня очень раздражающая проблема. На веб-сайте компании используется шаблон smarty с php, специфицированная страница c, над которой я работаю, работает на IE, но не на Chrome или Firefox.

Фрагмент кода Шаблон, где происходит проблема, взгляните на элемент LI:

{if !empty($items)}
            <div class="purchase-summary-cap">
                <h3 class="you_are_purchasing">You Are Purchasing:</h3>
            </div>

            <div class="purchase-summary-body">
                <ul id="item_list">
                    {foreach $items as $it}
                    	{if $it.isContract}
                    	   <style>
                        	   {literal}
	                        	   .promo_code_area{display:none;}
                        	   {/literal}
                    	   </style>
                    	{/if}
                        <li>
                        	{$it.name}<span class="total_item">{$currency_symbol}{$it.price}</span>
                        	{if $it.description ne "" && $it.isContract}<div class="item_description">{$it.description}</div>{/if}
                        </li>
                    {/foreach}
                </ul>
                <div id="tax_info">
                {if !empty($tax_percent)}
                    {$tax_percent}% Tax:<div id="tax_total">{$currency_symbol} {$tax_value}</div>
                {elseif !empty($tax_value)}
                    <div id="tax_total">Tax: {$currency_symbol} {$tax_value}</div>
                {/if}
                </div>
                <div class="total_tag">Total: {$currency_symbol}<span id="totalvalue">{$total}</span></div>
                {if !empty($discount)}
                    <div class="discount_flag">Discount Applied</div><br>
                {/if}
                <div id="discount_flag"></div>
            </div>

{/if}

Все работает нормально, за исключением того факта, что любой элемент, который я добавляю в li, не отображается как элемент html, но его текстовое содержимое отображается нормально, ни span и div, поэтому ни один из стилей css, применяемый к таким дочерним элементам, не работает. Пожалуйста, посмотрите на представленную ниже страницу с использованием элементов проверки:

enter image description here

Однако, если я проверю источник html на вкладке источника или на вкладке ответа по сети, они показывают все нормально:

enter image description here

enter image description here

...