0

我正在使用 CSS3 pie，并在 head 标签之前通过附加的 js 文件调用它。

出于某种原因，我的背景图片出现了。我已经尝试了标准添加 z-index 和位置相对修复，但它没有显示。任何帮助指导表示赞赏。

下面是css。

.linkButton {
  background: url('../Images/linkButtonBg.png') 100% 9px no-repeat #dc5c00;
  background: url('../Images/linkButtonBg.png') 100% 9px no-repeat, -webkit-gradient(linear, 0% 0% 0% 100% from(#e36000), to(#c85400));
  background: url('../Images/linkButtonBg.png') 100% 9px no-repeat, -webkit-linear-gradient(top, #e36000, #c85400);
  background: url('../Images/linkButtonBg.png') 100% 9px no-repeat, -moz-linear-gradient(top, #e36000, #c85400);
  background: url('../Images/linkButtonBg.png') 100% 9px no-repeat, -ms-linear-gradient(top, #e36000, #c85400);
  background: url('../Images/linkButtonBg.png') 100% 9px no-repeat, -o-linear-gradient(top, #e36000, #c85400);
  -pie-background: url('../Images/linkButtonBg.png') 100% 9px no-repeat #000;
  padding: 10px 10px 10px 11px;
  display: inline-block;
  color: #ffffff;
  font-weight: bold;
  box-shadow: inset 0 1px 0 0 #ff801e, 0 0 1px 1px #ffffff, 0 0 1px 1px #ffffff;
  border: 1px solid #c85400;
  text-shadow: #813700 2px 2px 1px;
  line-height: 12px;
  margin-bottom: 7px;
  width: 326px;
  display: block!important;
  position:relative;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;`enter code here`
  z-index:1;
}
4

3 回答 3

3

首先，对于普通的旧图像+背景颜色，您不需要 -pie-background 。

如果您确实想使用 -pie ，请记住路径是相对于 html 而不是 css。

（我假设您已经设置了 mime-type 等，并且 pie 在不同情况下适用于您。）

于 2012-05-29T14:32:37.810 回答
0 
.linkButton{
    behavior: url(PIE.htc);
}

另外，请尝试在 PIE.htc 文件所在的位置添加具有以下内容的 .index 文件：

更多信息http://css3pie.com/

http://css3pie.com/documentation/

于 2012-05-29T11:55:59.093 回答
0

尝试不带点和斜线的链接，如下所示：

-pie-background: url('Images/linkButtonBg.png') 100% 9px no-repeat #000;
于 2012-05-29T13:16:21.480 回答