1

ここに画像の説明を入力

Firefox のフレームワーク 7 メッセージに問題があります。添付の画像は、最後のメッセージが正しく表示されていないことを示しています。

これは、いくつかの css プロパティを変更することでおそらく修正できます。以下は、使用したメッセージ テンプレートです。追加の CSS スタイルは作成されていません。 

<!-- template7 templates -->
<script type="text/template7" id="messagesTemplate">    
    <!-- Top Navbar-->
    <div class="navbar">
      <div class="navbar-inner">
        <div class="left sliding"><a href="index.cfm" class="back link"><i class="icon icon-back"></i><span>Back</span></a></div>           
        <div class="center sliding mobileNums" data-tonumber="{{@global.activeNumber}}" data-f2pmds="{{@global.f2pmds}}" data-fromnum="{{@global.fromNumber}}">{{#if @global.activeNumber}}{{@global.activeNumber}}{{else}}New Message{{/if}}  </div>
        <div class="right"><a href="#" class="link open-panel icon-only"><i class="icon icon-bars"></i></a></div>           
      </div>
    </div>
    <div class="pages navbar-through">
      <div data-page="messages" class="page no-toolbar toolbar-fixed">
        <div class="toolbar messagebar">
          <div class="toolbar-inner"><a href="#" class="link icon-only"><i class="icon icon-camera"></i></a>
            <textarea placeholder="Message"></textarea><a href="#" class="link send-message">Send</a>
          </div>
        </div>
        <div class="page-content messages-content">
          <div class="messages">     
                {{#each messages}}                      
                    {{#if dsent}}
                        <div class="messages-date">{{dsent}}</div>
                    {{/if}}                 

                    {{#if sent}}                                                    
                        <div class="message message-sent">
                          <div class="message-text">{{body}}
                          <br />
                          {{#if time}}<div class="msgDate">{{time}}</div>{{/if}}
                          </div>
                        </div>  
                    {{else}}                                    
                        <div class="message message-received message-with-avatar">
                          <!---<div class="message-name">Kate</div>--->
                          <div class="message-text">{{body}}
                          <br />
                          {{#if time}}<div class="msgDate">{{time}}</div>{{/if}}
                          </div>
                          <div style="background-image:url(http://lorempixel.com/output/people-q-c-100-100-7.jpg)" class="message-avatar"></div>
                        </div>                                          
                    {{/if}}

                {{/each}}           

            </div>
        </div>
      </div>
    </div>          
</script>
4

2 に答える 2

0

Firefox では修正できません。Webkit ブラウザーのような CSS マスクをサポートしていないだけです。

于 2015-06-20T21:34:25.973 に答える