有人能告诉我为什么下面的css没有验证吗？我一直在努力研究这件事，但运气不佳。我读过的所有文档都说，这是在css3中进行渐变的正确原因。
#header {
color: white;
font-size: 12px;
font-family: Helvetica, Verdana, Arial, sans-serif;
background: black;
background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradie
浏览 0提问于2011-12-27得票数 4
回答已采纳
在我的网站上，我有一个很大的.swf文件。图形设计师使.swf看起来像是在一个圆角框中，但当我嵌入文件时，即使使用透明的wmode，我也看到底部的角落显示出来。我尝试使用CSS3并使swf成为边框div中的一个类。
CSS代码：
#swf_border{border:3px solid #a1a1a1;height:400px;width:940px;margin:0px 0px 0px 157px;z-index:100;border-radius:13px;-moz-border-radius:13px;}
#swf_border .home_display{height:400px;ma
浏览 0提问于2011-03-24得票数 4
回答已采纳
我尝试在IE10中制作翻页效果。
当我使用rotateY(180deg)进行转换时，它工作得很好，但使用rotate3d(0,1,0,180deg)时，它会在90度时发生奇怪的翻转(只在IE10上！)。
在IE10上看一下这个jsfiddle：
这是IE Bug还是容器需要任何额外的CSS属性？
浏览 0提问于2012-12-10得票数 1
这是一个装腔作势的人：
加载页面时，第一次将鼠标悬停在邮件和LinkedIn选项卡上时，动画会跳转到端点框架。它应该是标签放置的动画。
在第一次悬停之后，一切正常，悬停行为与预期一样。尝试了鼠标输入、鼠标悬停和鼠标悬停。就我个人而言，我最喜欢鼠标输入，但那就是我。其行为类似于下面的水平主题按钮，它们不会显示跳转。真奇怪。
代码如下所示：
$("#zipperTabLinkedin a")
.mouseenter(function(e){
$(this).animate(
{padding:'30px 0 0 0'}
浏览 0提问于2012-09-28得票数 0
2回答
我正在尝试获得一个固定的背景，以便使用Fullpage JS。无论我做什么，背景要么留在那里，要么根本不显示。我试过JS小提琴，但我也不能让它工作。
<html>
<head>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.8.4/jquery.fullPage.css" />
<script src="https://ajax.go
浏览 0提问于2016-08-27得票数 1
我已经将圆角样式应用于我的ASP.Net按钮和文本框控件，也应用于字段集和图例。
这是我的CSS-
fieldset
{
width:605px;
margin-bottom:20px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
fieldset legend
{
background: #606060 url(images/bluelines.gif) repeat-x center left;
-moz-border-radius:10px;
-webkit-border-radi
浏览 4提问于2011-01-27得票数 0
1回答
我有一段代码，它使用标准的jQuery驱动动画来平滑地从页面的一个部分滚动到另一个部分(以避免页面锚中的页面跳转)。下面是：
// Scroll to
$('.scrollto').click(function() {
var elementClicked = $(this).attr("href");
var destination = $(elementClicked).offset().top;
$("html:not(:animated),body:not(:animated)").animate({ scrollTo
浏览 2提问于2015-04-14得票数 0
回答已采纳
1回答
我必须用JavaScript编写一个简单的HTML横幅旋转器，并使用CSS3进行动画转换。我带着这个来的
HTML：
CSS：
#横幅{动画-名称: myfirst；动画-持续时间: 5s；动画-定时-功能:线性；动画-迭代-计数:无穷；动画-方向:交替；动画-播放-状态:运行；} @keyframes myfirst { 0% {不透明度: 0;} 10% {不透明度: 1;} 90% {不透明: 1;} 100% {不透明: 0;}
JavaScript：
var i= 0；var横幅=新数组(“img/banner1.jpg”，"img/banner2.jpg"
浏览 6提问于2013-12-19得票数 1
语言：CSS3 / jQuery / HTML5 / PHP
我这里有一堆类似于页面上的DIVs的圆型are。
在页面数量上，它们应该从实际大小的0%扩展到0.80%，
..。在悬停时，它们应该扩展到100% (这都是使用CSS3完成的)。
现场演示： http://174.127.117.20/~interact/
(如果你在CHROME上查看它，你会发现它的行为是正确的。)
的困境：
但是，如果您使用OPERA浏览器查看它，它根本不会在页面上进行动画(缩放)。
我一共有10个泡泡。这些气泡按class="expand update1" (update1
浏览 1提问于2012-12-11得票数 0
我正在用纯css创建自定义复选框和单选按钮，但它们在IE7中显示得并不完美。
任何帮助的人
有密码吗?请检查一下
<ul>
<li>
<fieldset>
<legend id="title1" class="desc">
Select a Choice
</legend>
<div>
<span>
<input id="Field1_0" name="Field1" type="radio" class="fi
浏览 3提问于2012-04-03得票数 0
回答已采纳
1回答
模糊画布元素？
、、
有什么简单的方法可以模糊吗？它是在处理过程中编写的，然后放到画布上，这样您就可以使用html5或处理js了。
这是html，
<div id="backgroundstuff">
<script type="text/processing" data-processing-target="canv">
//Create array of circles
float oldFPS = 0;
ArrayList<Circle> back = new ArrayList<Circle>();
in
浏览 3提问于2015-08-09得票数 2
回答已采纳
你好，我正在使用下面的CSS进行渐变幻灯片放映，但问题是它不能在Iternet 7/8版本中工作，有什么建议可以让它工作吗？我试用了Jquery幻灯片显示脚本，它正在运行，但我在幻灯片上有一个菜单，jquery导致它在不同的图片淡出时闪烁。
#crossfade > img {
width: 100%;
height: 372px;
position: absolute;
top: 0px;
left: 0px;
color: transparent;
opacity: 0;
z-index: 0;
-webkit
浏览 3提问于2013-10-29得票数 0
回答已采纳
3回答
IE8中的CSS不起作用
、、、
这真让我头疼，有人能帮帮忙吗？我已经做了一个网站，在Ie9 + 10和所有其他浏览器中工作，但动画菜单在IE8中不起作用，有人使用它来查看网站。
下面是css：
.menu, .menu ul, .menu li, .menu a {
margin: 0;
padding: 0;
border: none;
outline: none;
}
.menu {
height: 40px;
width: 800px;
background: #f7d000;
background: -webkit-linear-gradient(to
浏览 4提问于2013-05-02得票数 1
1回答
我在我的网站上有一个聊天项目，但由于某些原因，当我输入chat时，它会运行页面(宽度为无穷大)，而不是换行。理想情况下，聊天应该在显示时间的地方停止，并在那里进入新的一行。我该如何解决这个问题呢？谢谢!
.chat-add {
position: relative;
top: 0px;
margin: 10px;
}
.chat-add > input[type="text"] {
padding: 0 65px 0 10px !important;
}
.chat-container {
position: absolute;
float: right;
width
浏览 0提问于2014-03-25得票数 0
我在这里做的是让div容器从一侧向中心移动，当再次单击箭头时，它将再次移出屏幕。div还包含两个图像，模糊版本和法线，它们在移动过程中切换，以提供运动模糊的外观。在最新的Chrome和firefox浏览器中，一切看起来都很好，但在safari中，情况却相当不稳定。
我知道javascript动画是一个成功或失败的尝试，但我很好奇是否有任何方法可以优化我现在所拥有的东西。此外，我尝试实现的目标是否可以使用css3动画来实现？我被引导相信css3使用硬件图形处理器，因此消除了任何主要的速度减慢。
var cupcakeArray = new Array(new Array("Cupcake
浏览 0提问于2012-06-17得票数 0
1回答
您好，我正试着在我的主内容框上应用一个方框阴影，但它在IE中不能正常工作。而不是像firefox & chrome那样将阴影应用于框的边缘，它似乎将shadw应用于内容。 下面是im使用的过滤器： /* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=0, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.
浏览 1提问于2010-11-01得票数 0
2回答
我试图结合jQuery和CSS3来提供流畅的动画，但我仍然发现动画可以是抖动的，即使在桌面上也是如此。
我使用下面的代码将我的id从页面边上移到页面上。
$(id).addClass('active').css({ left: pageWidth })
.animate({left: 0}, 500, function(e){deferred.resolve()})
.css("-webkit-transform", "translate3d(0px,0px,
浏览 1提问于2014-11-05得票数 0
因此，我将Thomas Kahn的Smooth Div Scroll实现为Wordpress主题，然后使用Zenfolio插件来显示来自Zenfolio画廊的滚动图像。Zenfolio插件似乎工作得很好，但平滑的Div Scroll似乎不能正常工作。它可以自动滚动，但是左边的热点显示出来了，但是没有响应，右边的热点让滚动太快了。你可以检查代码，但我的设置真的很慢，它不应该移动得那么快。
下面是我使用的代码：
HTML：
<div id="feature-slideshow">
<div id="makeMeScrollable">
浏览 1提问于2012-09-08得票数 2
我想在我的扰流板中放一个淡入淡出的过渡，使用CSS。代码如下：
HTML：
<button style="position:absolute;left:600px;top:20px" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.
浏览 0提问于2013-03-21得票数 0
2回答
我有一个分区，在不同的情况下，我将拥有动态数量的彩色块(也就是分区)。单击该框时，我希望它们展开并覆盖整个屏幕。问题是，当盒子在扩展时，它们在自己的位置上扩展，而不是在屏幕上移动。我使用：
.elemented1 {
width: 100%;
height: 100%;
-webkit-animation: elemen1 0.3s;
border: 0px;
}
@-webkit-keyframes elemen1 {
from {
width: 49.6%;
height: 39.6%;
}
to {
wi
浏览 1提问于2013-06-25得票数 0
回答已采纳
如果有人问我这个问题，我很抱歉:我找不到它，但我不太确定我使用的关键字。
不管怎么说！我正在尝试在图像上放置一条不透明的白色渐变线。这是我试图把它放在下面的东西：
div.horizontal
{
position: relative;
width: 100%;
height:45px;
}
div.horizontal ul
{
list-style-type:none;
margin:0;
padding:0;
}
div.horizontal li
{
float:left;
}
div.horizontal a
{
浏览 1提问于2013-03-10得票数 0
回答已采纳
我正在使用的应用程序使用以下CSS：
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
background: -o-li
浏览 1提问于2012-12-28得票数 0
1回答
使用下面的代码绘制多于~5+的SVG线会在移动元素时造成性能波动，特别是在绘制较长的SVG线时。这只是一个自然的SVG性能限制(因为svg画布大小)，还是我的代码有什么问题？
项目运行中可以在这里看到(到目前为止只支持Chrome和Firefox，查看左下角的fps，尝试展开对象，我在启动时得到大约14fps)：
一些解释：
svg是由jQuery.svg创建的一个大的(100%*100%) SVG.rootElement元素，放置在所有的HTML下。elem1和elem2是可拖动的HTML元素，而不是SVG元素。我用一条SVG线连接elem1和elem2，当它们移动时，这条线就会跟着移动。如
浏览 0提问于2010-06-26得票数 0
回答已采纳
4回答
我创建了一个完全由CSS组成的形状。下面的链接包括我的工作。
CSS：
#applicationStatus {
position: relative;
width: 630px;
height: 140px;
top: 20px;
left: 40px; }
ul.applicationStatus {
list-style: none; }
li.applicationStatus, li.applicationStatusGood, li.applicationStatusNoGood {
height: 140px;
background-color: #767676;
disp
浏览 11提问于2013-07-26得票数 0
回答已采纳
我试图在我的页面上放置动画按钮，但当我通过IE8打开它时，它在Crome.Below中不能正常工作是一段代码：
JSP页：
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link type=&
浏览 1提问于2014-03-25得票数 0
我已经将下面的css设置为div容器的ger边界映像，但问题是，我的右图像不是在边界上出现的，而是在div容器的右边框伸出时留下空间。
<div id="container">
<div id="left-image"></div>
<div id="main-containts">
<div id="data-containts">
data
</div>
</div>
<div id="right-imag
浏览 8提问于2012-07-03得票数 0
我需要用动画将一个元素从一个偏移位置移动到另一个偏移位置。我使用的是
function getOffset(el) {
el = el[0].getBoundingClientRect();
return {
left: el.left + window.scrollX,
top: el.top + window.scrollY
}
}
var _anchorElemPos = getOffset($element)
_animationElement.animate(_targetAnimPos); /*_targetAnimPos i
浏览 0提问于2017-01-10得票数 0
我正在开发一个相当占用CPU的web应用程序。正如和等人所建议的那样，我已经开始在某些元素上使用-webkit-transform: translate3d(0, 0, 0)来提高平均帧率。这一调整使得渲染性能有了很大的不同，特别是在Chrome中。
如果我将此技术应用于单个动画元素，它是否会触发整个页面的硬件加速，还是仅触发该元素的硬件加速？或者它只会触发该元素的渲染层的硬件加速？
研究Chrome的“复合渲染层边界”(在chrome://flags中)的输出似乎表明该行为仅限于指定的元素，但如果能有一个更具体的答案就更好了。
浏览 0提问于2012-11-24得票数 3
回答已采纳
我的网站是avidest.com/test。我试图让背景图片从页面的顶部到“我们的在线服务”部分。由于某些原因，它提前结束，并且有一段页面，其中黑色的身体背景是可见的。我不想让这个黑区显露出来。下面是css：
.header {
/*background: #f0f7f7 url(images/header_bg.gif) top repeat-x;*/
background: transparent;
padding: 0;
margin: 0 auto;
height: 70px;
}
.block_header {
margin: 0 auto
浏览 0提问于2013-02-26得票数 0
回答已采纳
3回答
我看了一个人在推特上写的代码，它是这样的：
div::after {
-webkit-transform: rotate(2deg);
}
div ~ div {
-webkit-transform: rotate(0deg);
}
这是什么？
浏览 5提问于2012-04-22得票数 25
回答已采纳
3回答
嗨，我正在设计一个小网站，它在IE9、Crome和Firefox上呈现完美。但不是在IE8中。te图像不会涉足设计，它们会成为禁区。html片段：
<div id="MainImage1"><img src="Stores/DigitalExperience/ArticleImages/mainBanner.jpg" border="0" width="100%"></div>
<div id="product-table">
<div id="prod
浏览 6提问于2013-11-18得票数 0
1回答
是否可以在旋转HTML元素时指定旋转点？
例如:如果一个HTML div有left，top，width，height属性: 0,0,100,100。旋转点(我们围绕div旋转的点)将是50，50(中点)。但是我想把旋转点改为0,0。
我正在使用CSS 'transform‘属性进行旋转：
#myDiv {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
/*Can I specify the rotational point???*/
transform: rotate(45deg) rot
浏览 3提问于2012-03-20得票数 0
下面是我使用的代码，当我悬停在新闻，照片等标签上时，我想缩小导航栏中的标签。最好的例子是访问apple.com，当你点击搜索栏时，其他标签会缩小。如何实现同样的功能呢？将鼠标悬停在标签上时，其他标签应该会缩小。
HTML：
<div id="wrapper">
<nav id="mainnav">
<ol>
<li class="home"><a href="http://www.domain.com"></a>
浏览 0提问于2012-10-30得票数 1
回答已采纳
我与Javascript非常新，我正在为自己创建一个新的投资组合网站。目前，我正面临一个与滚动的进度指标的问题。这不管用。在我添加fullpage.js之前，它一直在工作。我已经将我的代码附在下面，我很想知道如何解决这个问题。
谢谢你！！
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Aaron</title>
<link rel=&
浏览 7提问于2021-07-27得票数 0
回答已采纳
1回答
适用于所有现代浏览器，但Safari除外
这是一个非常罕见的情况和可能的故障与Safari。我使用JS动态地将.highlighted类添加到字段集元素中。
这是不寻常的部分。它开始卡在第一帧，直到我触发一个不同的元素单独的动画(例如:按钮悬停webkit anim)。我尝试通过CSS和JS直接调用play状态。我一整天都在把头撞在墙上。
我也尝试过在基本样式上使用转换属性，但没有成功。
footer form fieldset {
position:relative;
display:block;
background:#000;
width:80%;
浏览 3提问于2012-10-02得票数 3
我有一个div，我想给它应用两个背景。基本上，我有一个小图片，它将在整个div中重复，而另一个大图片(没有重复)。我试着做两个相同大小的div，一个放在另一个上面，下面是它工作的CSS代码，但我想用一种更时髦的方式。
.science_wrap{
background-image: url(../bg/graph-paper-background.png);
width:100%;
height: 694px;
margin: 0 auto;
}
.science {
background-image: url(../bg/prospectus-science-line.png);
width
浏览 0提问于2012-02-10得票数 7
回答已采纳
我在页面(即)中使用了两个div标签，一个在左边，另一个在右边，比如book。现在我在左边加载html页面，如果它超过了，那么它就转到div标签的右边。给我一个实现这个的想法。
感谢您的关注
浏览 1提问于2011-12-24得票数 0
如何解决advanced_html_dom.php str_get_ HTML对htmlentities的转换，而不对每个元素内容应用HTML实体()呢？
尽管
这个项目的目标是成为PHP简单html多姆库的一个基于dom的插入替代。
..。如果使用文件/str_get_html，则不需要更改任何内容。
我发现
include 'simple_html_dom.php';
$set = str_get_html('<html><title> </title></html>');
echo
浏览 4提问于2016-02-08得票数 0
1回答
我在firefox和web kit浏览器上使用这个：
-moz-box-shadow: 0 0 15px #888;
-webkit-box-shadow: 0 0 15px #888;
box-shadow: 0 0 15px #888;
对于IE，我从这篇文章中找到了两个过滤器：
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888')";
/* For IE 5.5 - 7 */
filter:
浏览 3提问于2011-03-29得票数 2
回答已采纳
在浏览器特定的CSS 3项目(阴影、圆角等)的情况下，是否可以删除样式？例如：
.fancy
{
/* only display if no drop shadow support */
border: thin solid #888;
box-shadow: 0px 1px 4px #888;
-webkit-box-shadow: 0px 1px 4px #888;
-moz-box-shadow: 0px 1px 4px #888;
}
浏览 0提问于2010-06-25得票数 4
回答已采纳
1回答
我尝试将边框半径设置为td元素，但在IE7和IE8上不起作用。我尝试了所有可能的解决方案，但仍然不起作用。
padding: 5 5 5 5;
background-color: gray;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px#888;
box-shadow: 0 0 5px 5px #888;
zoom: 1;
filter: alpha(opacit
浏览 1提问于2012-09-09得票数 0
回答已采纳
4回答
我的css没有使用Iexplorer，有人能解释一下为什么不起作用吗？
<div class="myBox"> Content <div>
CSS:
.myBox {
margin: 0.0in auto;
color: #FFF;
width: 450px;
height:450px;
padding: 12px;
text-align: left;
background-color: #444141;
border: 0px solid #4e4b4b;
/* Do r
浏览 10提问于2010-02-23得票数 0
如何在锚定标签上添加按压效果。
这是我的css & html：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page&l
浏览 0提问于2011-07-08得票数 1
回答已采纳
2回答
我做了一些CSS动画，在WebKit (Safari/Chrome)上运行得很好，但在火狐上却搞砸了。
JSFiddle：
代码：
var open = false;
var intransition = false;
function openCard() {
intransition = true;
$('.out').addClass('openingOut');
$('.in-left').addClass('openingIn');
setTimeout(function()
浏览 0提问于2012-06-05得票数 4
回答已采纳
1回答
CSS3中的卷页(翻页)
、、、
我已经成功地在JavaScript中做了一个页面卷曲，但是它有点慢，我能在纯CSS中做翻页吗？
这是一小段代码
function drawFlip( flip ) {
// Strength of the fold is strongest in the middle of the book
var strength = 1 - Math.abs( flip.progress );
// Width of the folded paper
var foldWidth = ( PAGE_WIDTH * 0.165 ) * ( 1 - flip.progr
浏览 0提问于2012-02-05得票数 0
3回答
CSS3动画，平移到位置
、、、
我有一个div，我点击它来拖动它。一旦它在一个区域上，它就会通过以下方式动画到它的位置：
$("#wheel1").animate({left: "200px", top: "100px"});
我还可以使用以下命令将其设置为动画：
@-webkit-keyframes wheel1 {
0% {
}
100% {
-webkit-transform: translate(200px, 100px);
}
}
不同之处在于；使用jQuery时，它从文档左侧开始动画到200px。有了CSS3，它会从你
浏览 2提问于2012-06-14得票数 8
回答已采纳
我使用JQuery slimScroll插件在div中创建一个自定义滚动条。在这个div中，我有一个表，我想使表行的第一个和最后一个四舍五入，并且它与除IE8之外的其他浏览器都很好地工作。在IE8中，当我滚动时，第一个和最后一个移动速度稍微慢一些。
我也附上了这张照片。
这张桌子是：
<table>
<c:forEach var="lists" items="${viewGroupListByUser}" varStatus="status">
<tr style="position:
浏览 3提问于2013-05-15得票数 1
1回答
我有一个按钮，它在Firefox中呈现怪异(我正在测试各种版本，但我在所有版本中都看到了它)。有关更多细节，我使用Normalize.css。
经过几次测试，问题PC和行为正确的PC之间唯一的区别是图形卡。
而且，这个问题根据你看到的页面不同(按钮在不同的页面中)。
在这里，您可以在不同的个人电脑上看到一些屏幕截图：
我在：中做了一个测试案例
下面是HTML：
<div class="botonVerdeenlace">
<a title="Title" href="#">I feel like a button
浏览 2提问于2014-02-21得票数 2
给出的代码是为css编写的，但在IE中根本不起作用(6-8)
@media screen and (max-width: 340px) {
.topmaindivleft{
width:100%;
margin:0px;
padding:0px;
height:auto;
float:left;
}
.topmaindivright{
width:100%;
margin:0px;
padding:0px;
height:auto;
float:left;
}
}
想知道一些代码，使其在Ie6-8的响应式网站的工作
浏览 1提问于2013-07-11得票数 0
回答已采纳
1回答
我想知道如何才能加快图片在网站中的移动速度。这个网站应该是尽可能快的iPad和目前的图像移动不是很流畅。(在iPad3和iPhone 5上进行了测试)
这个网站非常简单。主要结构是这样的：
<div id="slide1" class="slides">
</div>
<div id="slide2" class="slides">
</div>
<div id="slide3" class="slides">
</div>
浏览 0提问于2013-02-23得票数 0
回答已采纳
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
腾讯云开发者
