MS CRM 2011 web资源中的CSS转换倾斜
我正在尝试在web资源中开发一个动态的V字形进度指示器 下面是我试图实现的一小部分 我的问题是，当这是一个网络资源的“转换歪斜的”没有得到应用 下面是一个示例web资源MS CRM 2011 web资源中的CSS转换倾斜,css,dynamics-crm-2011,dynamics-crm,crm,Css,Dynamics Crm 2011,Dynamics Crm,Crm,我正在尝试在web资源中开发一个动态的V字形进度指示器 下面是我试图实现的一小部分 我的问题是，当这是一个网络资源的“转换歪斜的”没有得到应用 下面是一个示例web资源 <html> <head> <title></title> <style type="text/css"> .chevron { float: left; padding: 0px 0px
<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>
雪佛龙先生{
浮动：左；
填充：0px 0px 0px 2px；
宽度：150px；
}
.chevron_a{
高度：100px；
宽度：150px；
-webkit变换：倾斜（20度，0度）；
-moz变换：倾斜（20度，0度）；
-ms变换：倾斜（20度，0度）；
-o变换：倾斜（20度，0度）；
变换：倾斜（20度，0度）；
浮动：左；
z指数：-1；
}
雪佛龙{
高度：100px；
宽度：150px；
-webkit变换：倾斜（-20度，0度）；
-moz变换：倾斜（-20度，0度）；
-ms变换：倾斜（-20度，0度）；
-o变换：倾斜（-20度，0度）；
变换：倾斜（-20度，0度）；
浮动：左；
z指数：-1；
}
.雪佛龙{
左边距：自动；
右边距：自动；
宽度：150px；
文本对齐：居中；
字体系列：Tahoma；
}
雪佛龙先生{
显示：表格单元格；
垂直对齐：中间对齐；
}
雪佛龙先生{
明确：两者皆有；
显示：表格；
位置：绝对位置；
宽度：150px；
高度：100px；
}
试验
您是否将CSS作为单独的web资源加载，并从HTML中引用它
一切似乎都很好 将
CSShtml页面表格
您的CSS、div、Jquery运行良好，控制台中没有抛出错误看来我已经找到了答案 Rollup 11不支持CSS3（我认为）。安装了Rollup 11后，以下元标记强制IE9+进入IE8模式，从而忽略变换倾斜样式
<META http-equiv=X-UA-Compatible content=IE=8>
Rollup 16没有这个meta标记，而transform skew在IE9+中工作良好。我猜这是rollup 12发布的跨浏览器兼容性的一部分？你说的web资源是什么意思？？你是说，除了静态内容，如果你加载动态内容，倾斜不会出现？？这就是你的意思吗？嗨，亚历克斯。它是Microsoft Dynamics CRM中的一个web资源。您使用哪个版本的IE进行测试？您的CRM实例的汇总是什么？CRM在哪里？你在哪里显示这个网络资源？顺便说一句，在我的第三个问题中是“在”不是“是”-所以不允许我编辑，因为我没有在5分钟的窗口内单击“编辑”上的“保存”！IE 11和IE 9。汇总11。web资源通过事件/案例表单中的iframe显示。我将在rollup 16的一个实例中尝试它。我没有。虽然我不知道它会有什么不同，但我愿意尝试任何东西！我现在就试试。更新：正如预期的那样，没有任何影响：-(