我知道有一些CSS重置工具在那里，埃里克和雅虎的名字2。 但是，当我使用某些标签(我认为他们称为标签？)如“li”和“ul”，我得到一些额外的用户代理样式表。其中一些是： -webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
以下代码在屏幕上放置一个白色框。如果你在iPad上运行这个(你可以调整像素来运行它在iPhone上)，当你触摸的框，它会消除屏幕，并留下一些白色像素的底部边缘。 <!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta nam
我试图一次运行多个webkit动画。演示可以 be seen here： HTML： <body>
<div class="dot"></div>
</body> JavaScript： $(function(){
$('body').append('<div class="dot" style="left:100px; top:200px"></div>');
}); CSS：
我正在做一个实验&我发现“大纲”CSS2属性不是以相同的方式实现Webkit&壁虎 在下面的脚本中，我有一个绝对位置div在另一个div，但漂浮在它外面。 Webkit上的大纲概述了实际的父div，而在Gecko上，它扩展以覆盖子项。 http://jsfiddle.net/KrCs4/ 我缺少什么吗？有没有属性，我需要覆盖Gecko？或者应该报告为错误？ Webkit屏幕截图： Firefox屏
我有一些问题旋转和定位一行文本。现在它只是位置的作品。旋转也可以，但是只有当我禁用定位。 CSS： #rotatedtext {
transform-origin: left;
transform: rotate(90deg);
transform: translate(50%, 50%);
} html只是纯文本。 原因是因为您使用transform属性两次。由于CSS规
我使用-webkit-transform：rotate()旋转元素和在Chrome 14.0.835.2 dev-m它做一些很奇怪的东西在元素内的文本。它提醒我一个类似的效果，你在Photoshop中，当你使用“平滑”反锯齿而不是“清晰”旋转文本时得到的效果。 任何人都知道这里发生了什么？它是特定于这个webkit或Chrome版本或有我可以做的来解决它吗？ (它也不是反列表元素之间的边界) 这里
我正在构建一个简单的例子来翻转一个卡使用-webkit-transform：rotateY属性。 它几天前工作正常，但突然它停止工作。效果仍然有效，但是当我将鼠标悬停在卡片上时，前侧应该消失，使后侧可见。为此，我使用-webkit-backface-visibility：hidden属性。但似乎是不再工作在chrome(在稳定和每夜构建版本) 这里的代码，如果我做一些可怕的坏 <!DOCTYPE
我使用CSS 3D变换缩放div，例如： -webkit-transform: scale3d(2,2,1); 缩放本身在任何WebKit浏览器中工作正常。但是，当在Safari(移动或Windows)上使用时，div的内容不会重新呈现。结果是缩放后内容变得模糊。 此效果仅在使用3D变换时发生。一切工作正常使用时 -webkit-transform：scale(2);. 为了利用iPhone /
this website左侧菜单中的链接具有颜色的CSS3过渡属性，它在鼠标悬停时更改。它不工作在Chrome 16或17(颜色变化突然)，而其他转换在网站。它适用于Firefox，Opera，甚至Safari，它使用像Chrome这样的webkit，所以我不认为这可能是我的CSS的一个问题。然后怎样呢？ 这里是我的CSS的这部分(完整的CSS是here)： #menu a
{
color: gr
我想重现大纲效果的集中输入框在webkit到非webkit浏览器。我发现 here在webkit中使用的默认CSS。感兴趣的线是： :focus {
outline: auto 5px -webkit-focus-ring-color
} 我试图在整个代码搜索定义-webkit-focus-ring-color here，但无法找到它在任何地方。 -webkit-focus-ring-co
使用-webkit-transition似乎不能使伪元素生成动画。下面的小提琴显示了我的意思是什么时候运行在Chrome / Safari，我想这是不是现在支持？ http://jsfiddle.net/4rnsx/130/ 已于2013年1月3日在Google Chrome中修正。 现在(我确实更新这个列表)它支持： > FireFox 4.0及以上 > Chrome 26及更高版本 > IE
在WebKit浏览器中使用CSS而不使用叠加层，可以使用特定颜色对图像进行着色吗？ 尝试失败 >管理以使用色调旋转来着色图像棕褐色或任意颜色，但是找不到以特定颜色着色的方式。 >创建“色调”SVG过滤器并使用-webkit-filter：url(#tint)调用它在Chrome上不起作用。 >所有可能的不透明度/盒阴影css属性与阴影/不透明度过滤器的组合不会生成所需的效果。 想法 >给定颜色，不
当我使用overflow，border-radius和transition的组合时，我遇到了一个奇怪的bug。我有一个内部的img的div。 div有一个边界半径和溢出设置为隐藏。当我将鼠标悬停在img上时，我发生了一个转换，使得图像变大，从而创建一个缩放效果。问题是图像的左下角和右下方的溢出似乎会破裂。 我已经创建了一个jsfiddle来看看我在说什么。 http://jsfiddle.net/
我有一个特定于Webkit浏览器(Safari和Chrome，Mac和PC)的问题。 我使用Raphael JS渲染SVG数据，并使用响应式布局来扩展SVG与浏览器窗口。使用JQuery将SVG设置为100％宽/高。包含的元素的宽度设置为百分比，以保持页面调整大小时的布局比例。 Webkit不能正确计算高度，它会在SVG图像周围增加额外的像素(有时数百);这打破了布局。 如果您在Webkit浏览器
真的没有办法用CSS动画化渐变背景吗？ 就像是： @-webkit-keyframes pulse {
0% {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(196,222,242)), color-stop(0.5, rgb(242,242,242)), color-sto
我已经遇到这个问题了一段时间，似乎是一个尚未解决的Chrome重绘错误。所以我正在寻找任何间隙修复。 主要的问题是当页面上的元素有一个背景图像时，它使用： background-attachment: fixed; 如果另一个元素是固定的并且有一个子视频元素，它会导致具有背景图像的元素消失。 现在它在Safari(和Firefox和IE)中工作正常，所以它不是一个webkit的问题。我已经应用了几
使用CSS可以绘制一个有半透明边框的箭头吗？ 到目前为止，我一直在努力， http://jsfiddle.net/calebo/fBW4u/ CSS： .ui-overlay {
padding-bottom: 10px;
position: relative;
}
.ui-overlay-content {
background: #999;
color: #000;
有没有办法使用CSS3 border-radius属性来切断我的html5视频元素的角落？ 查看this example.它不工作。 创建一个带有圆角和溢出的div容器：hidden。然后将视频放在其中。 <style>
.video-mask{
width: 350px;
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%
有没有办法使用-webkit转换与显示？ 我使用CSS显示来隐藏和显示导航第二级…但只显示：none和显示：阻止：hover是一个有点不性感…一个轻松将是伟大的(如-webkit转换：显示300ms ease-在;) 我知道这是很容易做到这一点与jQuery，但我目前正试图用CSS3设置一切(我知道：并不是所有的浏览器都支持它，但这对我目前正在处理的这个项目是无关紧要的) 这里有一些代码&结构：(
什么是平衡我的< select ..>的高度的最佳方式。元素和我的< input type =“text”..>元素？由于盒子尺寸模型的差异，证明是困难的。 Google Chrome的用户代理样式表有： select { -webkit-box-sizing: border-box; } 其他文本输入字段使用内容框模型。为什么有区别？我是否应该使所有基于文本的输入字段使用边框模型？ BTW，我使
