0

恐怕我的编码知识非常基础，我在为客户开发网站时遇到了麻烦。基本上我使用的是幻灯片，我发现只有在我< doctype ! html >出于某种原因不包括在内的情况下才有效。

我还添加了标题，它在 chrome 和 firefox 上运行良好，但是在 IE 上它们根本不会出现，除非有 doctype。然而，随后幻灯片开始滚动！

我正在尝试找到一个解决方案，我可以在其中获得可在 IE 上运行的箭头控制幻灯片和字幕。我对 jQuery 的了解几乎没有。请帮忙！

4

2 回答 2

0

我发现了问题您需要做的就是将css放在html页面中就像这样

<head>
<style type="text/css">
all the css
</style>
</head>

<body>
your code
</body>

正常，只需使用 html 页面中的 css，我很确定它会起作用

于 2013-07-11T10:55:03.480 回答
0

你下载文件了吗？

你shure你把这个代码？

figure {
  display: block;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0 20px 20px 0;
}
figcaption {
  position: absolute;
  background: black;
  background: rgba(0,0,0,0.75);
  color: white;
  padding: 10px 20px;
  opacity: 0;
  -webkit-transition: all 0.6s ease;<!--this is what make it works in safari/chrome-->
  -moz-transition:    all 0.6s ease;<!--this is what make it works in mozila-->
  -o-transition:      all 0.6s ease;<!--this is what make it works in opera-->
}
figure:hover figcaption {
  opacity: 1;
}
figure:before {
  content: "?";
  position: absolute;
  font-weight: 800;
  background: black;
  background: rgba(255,255,255,0.75);
  text-shadow: 0 0 5px white;
  color: black;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 12px;<!--this is what makes it works safari/chrome-->
  -moz-border-radius:    12px;<!--this is what make it works in mozila-->
  border-radius:         12px;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  -moz-transition: all 0.6s ease;
  opacity: 0.75;
}
于 2013-07-11T09:54:34.883 回答