我正在尝试在 Web 资源中开发一个动态 V 形进度指示器。
这是我试图实现的 jsfiddle http://jsfiddle.net/3qYyV/
我的问题是,当它被放入网络资源时,“转换倾斜”没有得到应用???
这是一个示例网络资源...
<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>
最佳答案
您是否将 CSS 作为单独的网络资源加载并从 HTML 中引用它?
关于MS CRM 2011 Web 资源中的 CSS 转换偏斜,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22197550/