MS CRM 2011網絡資源中的CSS變換歪斜

我正試圖在Web資源中開發動態V形樣式進度指示器。MS CRM 2011網絡資源中的CSS變換歪斜

我的問題的jsfiddle是，當這個被放入網絡資源的「變換歪斜的」不得到應用???

下面是一個例子網絡資源......

<html> 
<head> 
    <title></title> 
    <style type="text/css"> 

     .chevron { 
      float: left; 
      padding: 0px 0px 0px 2px; 
      width: 150px; 
     } 

     .chevron_a { 
      height: 100px; 
      width: 150px; 
      -webkit-transform: skew(20deg, 0deg); 
      -moz-transform: skew(20deg, 0deg); 
      -ms-transform: skew(20deg, 0deg); 
      -o-transform: skew(20deg, 0deg); 
      transform: skew(20deg, 0deg); 
      float: left; 
      z-index: -1; 
     } 

     .chevron_b { 
      height: 100px; 
      width: 150px; 
      -webkit-transform: skew(-20deg, 0deg); 
      -moz-transform: skew(-20deg, 0deg); 
      -ms-transform: skew(-20deg, 0deg); 
      -o-transform: skew(-20deg, 0deg); 
      transform: skew(-20deg, 0deg); 
      float: left; 
      z-index: -1; 
     } 

     .chevron_c { 
      margin-left: auto; 
      margin-right: auto; 
      width: 150px; 
      text-align: center; 
      font-family: Tahoma; 
     } 

     .chevron_m { 
      display: table-cell; 
      vertical-align: middle; 
     } 

     .chevron_o{ 
      clear: both; 
      display: table; 
      position: absolute; 
      width: 150px; 
      height: 100px; 
     } 

    </style> 
</head> 
<body> 
    <div id="chevron_w"> 
     <div class="chevron"> 
      <div class="chevron_a" style="background: #CCCEEE;"></div> 
      <div class="chevron_b" style="background: #CCCEEE;"></div> 
      <div class="chevron_o"> 
       <div class="chevron_m"> 
        <div class="chevron_c">TEST</div> 
       </div> 
      </div> 
     </div> 
    </div> 
</body>

來源

2014-03-05 Ollie

你是什麼意思的網絡資源？你是否說靜態內容，如果你加載動態內容歪斜不來？你是這個意思嗎？ – Alex

嗨，亞歷克斯。這是Microsoft Dynamics CRM中的Web資源。 – Ollie

你用什麼版本的IE來測試？您的CRM實例上有哪些彙總？ CRM在哪裏顯示這個WebResource？ – Nicknow

嗯，它看起來像我已經找到了答案......

彙總11不支持CSS3（我認爲）。安裝了Rollup 11後，下面的元標記強制IE9 +進入IE8模式，因此忽略了變換傾斜樣式。

<META http-equiv=X-UA-Compatible content=IE=8>

彙總16沒有這個元標記和變換歪斜在IE9 +工作正常。我猜這是作爲與彙總12發佈的跨瀏覽器兼容性的一部分？

來源

2014-03-06 13:36:14 Ollie

你加載你的CSS作爲一個單獨的網絡資源，並從你的HTML中引用呢？

http://msdn.microsoft.com/en-us/library/gg309536.aspx

來源

2014-03-05 22:03:16

我沒有沒有。雖然我不明白它會如何改變，我願意嘗試任何事情！我現在就試一試。 – Ollie

更新：正如預期的那樣，沒有影響:-( – Ollie

一切似乎確定。

將CSS添加到html Page頭部分中將工作正常。

還有兩件事：你在哪裏使用Webrescource？

如果您正在使用IFRAME的網絡資源，那麼確保jQuery庫添加到
形式。
將Internet資源管理器的URL複製粘貼到Internet Explorer中，然後簽入開發人員工具。 Your CSS, Divs, Jquery工作正常，沒有任何錯誤在控制檯中拋出。

來源

2014-03-06 05:03:59

MS CRM 2011網絡資源中的CSS變換歪斜

回答

相關問題