我有一个div元素.box，它的宽度是200px，高度是300px
首先，我想把它做成圆角。我用下面的命令来做：$('.box').corner('round 10px');
然后我想给它添加渐变。所以它将有圆角+渐变。我试着这样做：
$('.box').gradient({ topcolor: '#000000', bottomcolor: '#ffffff', horizontal: false, opacity: 40});
我得到了我想要的东西，但是渐变适用于所有的方框，渐变应用于圆角。
我试着先做渐变，
浏览 1提问于2009-11-27得票数 0
我目前正在使用jquery corner来创建一个圆角的div。但我面临的问题是，当圆角div的背景是渐变时，它在角落中显示出一些奇怪的颜色。
我想知道在div中包含圆角的其他更好的方法。
编辑1：
$(".nav").corner("20")；
此代码用于20像素的圆角
浏览 1提问于2010-08-25得票数 3
回答已采纳
我知道CSS渐变生成器，如颜色Zilla
http://www.colorzilla.com/gradient-editor/
CSS圆角生成器是否存在于许多浏览器中？
浏览 0提问于2012-01-20得票数 -3
回答已采纳
4回答
什么是最好的，最健壮的CSS按钮定义？
理想情况下，我想要渐变、圆角图像和优雅的降级到IE8。如果按钮不使用任何图像，并且按钮可以水平缩放以适应其内容，那就更好了。
对此最好的解决方案是什么？
浏览 4提问于2010-09-17得票数 5
回答已采纳
我使用的是CSS3的功能，比如“圆角”或“阴影框”。对于像我这样没有图形知识的人来说，这些都是很棒的功能。但是，我注意到，IE7-8不支持CSS3。
所以我想问你:有没有办法让我的html文件中包含一些javascript函数来“启用”一些特性呢？谢谢!
浏览 3提问于2010-06-06得票数 3
回答已采纳
2回答
我有我用ColorZilla生成的CSS3渐变。我非常确定导致问题的是数据URI。这是我的小提琴：。
在WebKit和火狐中，角是圆角的，但在IE9中，角是圆角的，渐变会在它们的外部出血，我不想让渐变在角之外出血。有人知道为什么会这样吗？
-编辑
我忘了提一下，内联元素不会发生这种情况，只有块元素才会发生这种情况。
浏览 0提问于2012-01-09得票数 1
回答已采纳
3回答
Rails 3.1中的CSS框架
、、、、
你在Rails 3.1中使用哪个框架？
我基本上想要有一个标准的混合集，比如渐变和圆角等，但也许某些框架还有其他我不知道的优点。
您能推荐一个与Rails3.1一起使用的框架，以涵盖我简化和标准化样式表开发所需的大部分内容吗
浏览 2提问于2011-10-02得票数 2
回答已采纳
1回答
javascript在透明png中渲染渐变、rgba、圆角、阴影和其他可能的CSS3函数来包含数据url的想法有多愚蠢？
浏览 5提问于2011-03-24得票数 0
回答已采纳
2回答
我知道制作渐变图像的最好方法是将其宽度设置为1，然后让它重复一次，但我对高度应该是多少感到困惑？
如果观众在巨大的监视器或电视屏幕上或其他什么地方，它应该是真的很大吗？有没有办法让它看起来就像1x10一样正常呢？
另外，在不使用CSS3的情况下做圆角之类的事情……使用图像-在流畅的布局中是可能的吗？
这是我所说的梯度问题。是在上使用的背景渐变。它的高度只有33px，但你不能说它在y轴上重复…？
浏览 4提问于2012-02-08得票数 0
回答已采纳
3回答
我对CSS3概念很陌生，并试图理解同样的概念。
我假设使用CSS3的主要好处是它消除了使用图像进行渐变、圆形边框等操作。
我的问题是，如果我想支持较旧的浏览器，比如说IE8，我的选择是什么；
它会自动退回到一些旧的硼砂器上的渲染(例如，普通边框而不是圆形)吗？
我是否可以在使用其他库的旧IE浏览器(例如圆角边框)上获得同样的效果？(即IE上的圆形边框或渐变)
在CSS3示例中，我看到了许多东西或属性，如-webkit、-moz、-o等，它们用于什么？是否有任何特定的订单，这些是需要有旧的IE后备支持？
浏览 5提问于2015-06-08得票数 3
1回答
我使用渐变背景色来选择或悬停菜单项，它在铬，FF，歌剧，ie7，ie8中工作得很好。但是在ie9中，元素的背景出现在元素的右边，但是文本保持不变，这是第一个问题。
我面临的第二个问题是圆角--它在镀铬、FF、歌剧中工作得很好--但是在ie9中角是可以的，但是盒子的背景是图像，但它看起来是白色的！
第三个问题是，阴影，我将阴影应用于包含图像的div，它在所有浏览器中都工作得很好，但是ie9没有对鼠标施加阴影和不透明度改变，而是在没有阴影的div的一侧添加黑色部分，从而增加了问题。
当我听说ie9支持css3时，我就知道这是难以置信的(仍将是我的噩梦！！)
我害怕IE9中网站的未来出现，所以我添加
浏览 2提问于2011-01-25得票数 0
我正在设计一个具有圆角边框(边框半径)的输入域的样式，并尝试添加一个渐变到所述边框。我可以成功地制作渐变和圆角边框，但两者都不能一起工作。它要么是没有渐变的圆角，要么是有渐变的边框，但没有圆角。
-webkit-border-radius: 5px;
-webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b0bbc4), to(#ced9de)) 1 100%;
有没有办法让这两个CSS属性一起工作，或者这是不可能的？
浏览 10提问于2011-04-19得票数 89
回答已采纳
5回答
IE有什么变通方法可以让我使用border-image吗？我正在开发一个网站，它可以在除了IE之外的所有浏览器中正常工作。我需要模仿这些条形图
我可以使用 hack，但border-radius只适用于四个角(这里不适用，因为上边框不是圆角的)，filter css属性(用于渐变)根本不适用于border-radius (它会忽略边界半径限制填充整个元素)。如果没有解决方法，如何才是最好的方法呢？
浏览 5提问于2010-08-25得票数 6
回答已采纳
2回答
我正在从设计师那里切开和切片一个psd布局的过程。该设计基于960网格系统，由多个框组成( 960px框用于顶部菜单，2460px框用于2个内容区域，220像素和720像素用于另一个内容设置选项等)。所有这些框都基于纯色背景(主体)，但它们都有圆角和10像素的近似边框，这些边框都是渐变的。
我正在考虑什么是最好的路线，在这里，html明智的，同时牢记它当然应该验证，良好的语义等。
有什么想法/建议吗？
浏览 0提问于2010-01-17得票数 4
有一些眼睛糖果实验CSS，如边界半径(圆角)和梯度，我希望使用在我的网页。不幸的是，Internet还不支持这些。至少边界半径正在IE9上出现，还没有关于渐变的词.
所以，你会建议不要让IE单独使用(我的大多数用户无论如何都会在FF或Chrome上)还是使用图像来“修复”IE的演示文稿？值得吗？因为我知道，这不仅是一个痛苦的背后，但也可能打破样式在其他浏览器。
那么，是黑还是不黑？
浏览 9提问于2010-08-13得票数 2
回答已采纳
1回答
我正在尝试使用.htc文件获取IE8上的CSS3行为
所以我在同一元素上应用了两个东西(圆角和渐变)
但由于某些原因，我不能得到2个效果的工作simultaneously...The渐变，但圆角不是。如果我单独应用类(即仅圆角或仅渐变)，它就会起作用。
你可以在上看到这个页面(参见课程/课程div)
请帮帮我。
浏览 3提问于2012-04-23得票数 1
回答已采纳
有没有人可以提供关于如何创建一个基于css的泡泡容器的见解或示例，以便让html进入其中？
我想做一张圆桌。也就是说，我希望结果看起来像一张圆角的桌子。如果里面也有一个轻微的渐变，那就太好了。
我在这个网站上找到了一个示例：在右边的地方有“我们是来帮助你的！”部分。
浏览 3提问于2010-10-23得票数 0
回答已采纳
我有下一个情况/菜单：
它是一个由WordPress生成的菜单结构。
请将鼠标悬停在“菜单#1”上。当鼠标悬停时，我需要菜单#1，菜单#1 -1和菜单#1 -2看起来像
它有一个具有渐变效果背景图像。它应该从悬停时菜单的顶部开始，从菜单#1的顶部开始，并结束于子菜单UL的LI。当bg图像结束(无重复)时，应该从其底部的最后一个像素继续颜色。在我们的示例中，为了获得更好的视觉体验，让我们使用#ff0000 :)
有谁知道怎么解决这个问题吗？
现在，我尝试了下面的css代码：
#menu-top-navigation ul:hover { background: url(images/bg-men
浏览 1提问于2011-05-04得票数 0
回答已采纳
2回答
我有一个包含border-width: 0px;和border-radius: 5px; (或-moz-border-radius等)的div。
在Chrome、Safari和Firefox中，这一功能运行得很好，div的角是圆角的，所以在角上是透明的。
然而，IE9不显示圆角(我检查过了，IE确实处于"IE9模式“，我有一个HTML5文档类型，并将X-UA-Compatible设置为IE=edge)。只有当我添加了
border-style: solid;
border-width: 1px;
我能让IE9在不声明实际边框的情况下渲染圆角吗？
浏览 0提问于2012-11-26得票数 2
回答已采纳
1回答
我想为圆角矩形画一条边的渐变填充。
GradientFill
组合的API
BeginPath()
EndPath()
SelectClipPath()
API的，但它不起作用。
由于RoundRect是windows，我们是否有一些windows来对圆角矩形执行渐变填充。
更具体的说，我们能把梯度填充限制在任何边缘吗？
浏览 4提问于2012-05-29得票数 0
2回答
IE8中的圆角？
、、、、
我在internet Explorer8中使用圆角有点困难，我一直在尝试使用来让它工作，但是有一个问题。只有当div有背景色时，这个插件才能工作。我想要做的是为一个带有蓝色边框的白色正方形的div赋予圆角。我希望蓝色边框是圆角的，类似于border-radius的工作方式。如果任何人对此有任何建议，请让我知道。谢谢!
浏览 0提问于2015-01-22得票数 1
1回答
我使用PIE来实现一些跨浏览器的CSS3效果(渐变背景、圆角、阴影等)，但它搞乱了我的jquery accordion。
基本上，当PIE将其css3容器元素插入到DOM中时，jquery accordion代码不能恢复，因为它期望accordion容器完全由H3和DIV元素的交替列表填充。
有没有人找到一种方法让这两个工具很好地结合在一起？
浏览 1提问于2012-02-11得票数 1
回答已采纳
2回答
看这张图
或者在这里
我们有一个div，它使用这个图像作为背景图像
.header_background{
display: inline-block;
position: relative;
top: 10px; left: 0; right: 0; bottom: 0;
background-image: url(../img/header-back.png);
height: 47px;
width: 899px;
float: right;
}
它有圆角和渐变。
我们将在div中放入其他html，比如文本、更多的div元素
浏览 3提问于2012-09-26得票数 0
回答已采纳
我需要圆角与背景图像或在IE6及以上
我试过了1. DD_roundies 2. pie.htc 3.谷歌圆角
有什么建议吗？
谢谢
浏览 0提问于2010-12-18得票数 2
回答已采纳
1回答
使用渐变色调和圆角绘制图像
、、、、
我正在尝试设置一个视图的背景，这应该是一个单一的圆角和渐变色调叠加的图像
我觉得我快到了，我只是错过了圆角。我在这里创建了一个最小的工作示例项目：
来自：
RoundedBitmapDrawable dr = RoundedBitmapDrawableFactory.create(getResources(), src);
dr.setCornerRadius(convertToPixels(context, CORNER_RADIUS));
Bitmap drBitmap = drawableToBitmap(dr);
Paint drPaint = new
浏览 14提问于2018-02-09得票数 0
你们用什么css解决方法来支持ie6，7,8？我需要圆角
div (按钮)中的文本
图像作为背景-图像在div (使图像圆角)
浏览 1提问于2010-08-22得票数 1
回答已采纳
2回答
我有多个div，其中左边是一个图像(每个div的高度不同)，它将决定每个div的高度。div的右侧在顶部有一个标题，下面是内容，所以标题是纯色，内容是另一种纯色。
我的问题是右侧有圆角，所以我需要在顶部和底部有一个图像，用于所有的x-broswering。我不想根据左侧图像的高度来调整每个div的高度。有没有办法让它的右边与左边的高度相匹配？
这有意义吗？
编辑:对不起，这不是很清楚。这应该会有帮助：
我不能使用饼，因为我只需要特定的圆角，它只支持所有4个圆角。我只能使用图片，这是我很想摆脱的，但是使用IE，这还不太可能。
浏览 2提问于2011-01-21得票数 0
我正在尝试使按钮，将有圆角，并将有一些渐变配色方案。我知道这些类型的按钮很容易用图像制作，但由于我正在开发的应用程序的性质，我们决定不使用图像，而只使用CSS和JavaScript/JQuery。
有没有人知道什么把戏或者见过这样的东西？我尝试过JQuery圆角(，)。这些都是很好的圆角，但在内部，它们都只有扁平的颜色，没有渐变或阴影。有没有人知道有什么窍门或者任何有例子的网站？
浏览 4提问于2011-12-06得票数 1
1回答
圆角优化
、、
既然CSS3包含了自动为图像添加圆角的样式，这是否意味着应该放弃在没有CSS的情况下为图像添加圆角？
我假设去除一些图像会比去除一些CSS更快地加载页面，但同时，这将完全取决于浏览器从CSS渲染圆角的速度。此外，带有圆角的图像应该完全独立于浏览器，我可以假设它们在所有浏览器中的外观和行为都是相同的。
如果你有能力创建自己的圆角图像，这是最好的方法吗？或者你应该把图片切成正方形，然后用CSS添加圆角？
谢谢你的帮助！
大都市
浏览 2提问于2010-10-27得票数 1
回答已采纳
4回答
我使用的是最新的jquery和jquery-ui。我使用了大多数的jquery按钮，日期选择器，对话框等等。无论是在兼容模式还是非兼容模式下，它们在IE8中都没有圆角边缘。然而，在firefox和chrome中有圆角。我需要在应用样式的jquery的css中包含什么东西吗？任何帮助都将不胜感激。
浏览 0提问于2012-06-06得票数 0
回答已采纳
我想用CoreGraphics做一些自定义绘图。我需要一个线性渐变在我的视图，但事情是，这个视图是一个圆角矩形，所以我希望我的渐变也是圆角。您可以在下图中看到我想要实现的目标：
那么，这是否可以用CoreGraphics或其他一些编程简单的方式实现呢？谢谢。
浏览 3提问于2012-05-01得票数 0
回答已采纳
3回答
谁能告诉我用DIV标签实现圆角的最新解决方案？PNG角图仍然是最好的跨浏览器解决方案吗？Jquery是最好的方法吗？每个人都是如何处理圆角问题的？
非常感谢。
埃里克
浏览 2提问于2011-05-30得票数 4
回答已采纳
在没有图片的jQuery元素上渲染圆角，最一致的，跨浏览器兼容的插件是什么？
到目前为止，我所使用的一切要么在不同的浏览器上不一致和不可靠，要么添加了干扰级联CSS的不必要的元素。
浏览 5提问于2011-06-14得票数 2
回答已采纳
4回答
我一直试图创建一个凸起的按钮与圆角，梯度背景，但没有成功。我只能实现一个或另一个。已经两个小时了，我自己还没有找到一个解决方案，关于如何在一起实现一个圆角和一个渐变背景。
下面是我最近一次尝试实现带有圆角和渐变背景的凸起按钮的代码。
GradientButton的自定义类
class RaisedGradientButton extends StatelessWidget {
final Widget child;
final Gradient gradient;
final double width;
final double height;
final Function
浏览 2提问于2019-03-17得票数 3
回答已采纳
我想在我的JComponent周围创建阴影效果，尤其是在JTextField的周围(因为我使用了SwingX应用编程接口)。
我已经知道了SwingX的DropShadowBorder类，但这并不是我想要实现的目标。我决定自己做，使用圆角矩形和渐变。
我的想法是创建一个圆角矩形，对其应用渐变，然后使用给定的偏移量在此矩形的顶部绘制组件以创建阴影效果。
问题是我只知道GradientPaint类，它允许我指定渐变的起点和终点。除非我错了，否则我想我不能实现这样的渐变效果，我想我需要一个从中心开始，然后向边缘逐渐消失的渐变。有没有办法用实际的API做这样的渐变，或者我需要自己编写它？
谢谢。
编辑
浏览 1提问于2012-09-06得票数 1
回答已采纳
1回答
PHP时事通讯生成器
、、、、
我做了一个php时事通讯(用CakePHP)生成脚本。你使用一个就地编辑器，它会生成一个HTML，你可以用它来发送时事通讯。它工作得很好，但现在我收到了时事通讯的新设计，我有一些问题。
其中最大的问题是圆角，渐变，阴影和其他字体系列(不是默认的)。所以很明显，我不能再使用超文本标记语言了，因为在电子邮件正文中，< style >属性是不允许的，或者被忽略了(至少在GMail中是这样的)，我正在考虑使用PHP生成时事通讯(我将生成许多图像-对于每个块都是一个图像)。
问题是，它必须迅速完成，并且看起来很好。让代码块看起来完全像HTML在GD中是杀手级的(每种类型的代码块都需要大量的刷
浏览 2提问于2011-05-31得票数 1
4回答
我感兴趣的是创建一个圆角的桌子，而不是使用图像。
如何才能做到这一点？
我的想法是，我可以用div包住桌子，并将圆角设置为div。浏览一下，您可以看到表的边框覆盖了div的边框。有没有防止重写的风格？
浏览 1提问于2011-05-18得票数 0
回答已采纳
1回答
是否可以使用CSS3渐变来设置填充属性的样式？
我知道SVG提供了他们自己的渐变。但对我来说，理想的解决方案是：
.button{
fill:#960000;
fill: -webkit-gradient,linear,left bottom,left top,
color-stop(0.45, #37304C),color-stop(0.73, #534D6B));
fill: -moz-linear-gradient(center bottom,#37304C 45%,#534D6B 73%);
...
}
当我尝试使用SVG渐变时，当我
浏览 3提问于2011-08-05得票数 8
回答已采纳
4回答
我有一些有圆角和彩色边框的div。我希望div的边框具有渐变效果，这样当用户将鼠标悬停在div上时，它就会发生变化。
我已经找到了所有关于如何使用渐变的网站(，等)。但是我仍然不能想出如何让它在圆角边框上工作。
有没有人能带我去一个描述如何做到这一点的站点，或者甚至可以帮助我编写代码？
浏览 1提问于2013-07-10得票数 7
回答已采纳
据我所知，IE9不支持渐变？那么为什么派CSS渐变在IE9中不起作用呢？
浏览 1提问于2011-06-28得票数 0
回答已采纳
我需要创建一个圆角边框，其中边框与渐变。是working.But，我的页面使用一个图像作为背景，它也带有渐变。我需要显示中间的背景图像。我想要像下面的图片一样：
浏览 2提问于2016-10-29得票数 16
1回答
我正在尝试在iphone上的聊天气球类的界面，我能够画一个圆角矩形的东西，也能够画梯度。但是不知道如何在圆角矩形中实现渐变绘制，我将非常感谢您的帮助。
浏览 3提问于2010-03-06得票数 0
我有一个特定的绘图，我使用作为我的应用程序的背景。它不是纯色。
现在我想在这个抽屉中添加圆角。
我只发现圆角可以在一个形状与渐变或纯色作为背景，但没有另一个可绘制。
有没有另一种简单的方法将圆角添加到绘图中？
浏览 1提问于2010-06-30得票数 9
回答已采纳
1回答
你好，我一直试图在我的应用程序中实现一个具有圆角和渐变边框的UIButton。我使用以下代码在我的按钮上创建了一个渐变边框：
let gradient = CAGradientLayer()
gradient.frame = CGRect(origin: CGPoint.zero, size: self.myBtn.frame.size)
gradient.colors = [colourOne.cgColor, colourTwo.cgColor]
let shape = CAShapeLayer()
shape.lineWidth = 6
浏览 0提问于2018-05-28得票数 3
回答已采纳
如果你去颜色选择器并选择一个线性渐变，你总是得到一个水平线性渐变。如何在adobe flash professional cs5或6中将渐变旋转90度以创建从上到下移动的渐变？
我的问题源于无法在圆角矩形上创建垂直线性渐变。我可以变换和旋转按钮以获得适当的渐变，但按钮边缘会变形。
我从以下几点开始：
我以这样的话结束：
这是我正在使用的颜色选择器。我没有看到渐变的角度选项。
浏览 7提问于2013-01-05得票数 1
回答已采纳
什么是为某些视图设置背景的最佳方法？例如，背景的两个变体：
具有渐变、圆角和边框的背景
背景只有一种颜色和圆角
那么哪一种变体更好呢?九补丁还是可绘制的xml资源？
浏览 1提问于2013-08-06得票数 11
回答已采纳
1回答
有没有可能做在CSS圆角的图像在IE 7工作？我有圆角的div，里面是
代码：
CSS：
.box2 {
width: 150px;
height: 150px;
margin: 0 auto 35px auto;
padding: 30px;
color: #fff;
font-weight: bold;
border: 5px solid #35b70e;
border-radius:200px;
overflow:hidden;
behavior:url(border-radius.htc);
}
HTML：
<div class="box2">
<
浏览 0提问于2013-05-15得票数 1
3回答
这是一个按钮，它最初是在Silverlight中实现和设计的。
如何在HTML/CSS中实现此按钮？注意边框和按钮背景的不同渐变，以及边框中的圆角。边框的宽度应该是可调的，但在按钮周围的大小是一致的。
示例图片中的红色是页面背景，而不是按钮的一部分。
UPDATE：忘记提到，我更喜欢没有图像的解决方案，即。纯css。Css3很好，例如，我不需要支持IE6-8。
浏览 7提问于2011-06-03得票数 1
回答已采纳
2回答
我有一个带有一些CSS的表格，在第一行(用于列标题)中使用圆角和渐变背景设置样式，但是尽管我指定了overflow: hidden，但是渐变在圆角之外溢出；
HTML：
<table id="tblIncidentQueue" class="DataTable">
<tr class="TableHeaderFooter">
<td colspan="5">
<strong>Show </strong>
浏览 0提问于2013-03-01得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
