1回答
圆角优化
、、
既然CSS3包含了自动为图像添加圆角的样式，这是否意味着应该放弃在没有CSS的情况下为图像添加圆角？
我假设去除一些图像会比去除一些CSS更快地加载页面，但同时，这将完全取决于浏览器从CSS渲染圆角的速度。此外，带有圆角的图像应该完全独立于浏览器，我可以假设它们在所有浏览器中的外观和行为都是相同的。
如果你有能力创建自己的圆角图像，这是最好的方法吗？或者你应该把图片切成正方形，然后用CSS添加圆角？
谢谢你的帮助！
大都市
浏览 2提问于2010-10-27得票数 1
回答已采纳
3回答
我很难解决这个问题：
我想用css做这件事：
就像图片一样:两个圆角的空中飞人(重要！)，一个是文字的空中飞人，另一个是图片或图标，带有图标的空中飞人的大小可以更薄，但两个空中飞人的大小必须相同。
我不知道应该使用svg作为背景还是纯css。如果我使用svg，我如何在圆角的梯形内插入文本和图标？
提前感谢您的帮助。
浏览 3提问于2018-10-25得票数 0
3回答
CSS -创建圆形矩形
、、、
是否有一种方法可以使用CSS (不使用画布或SVG)创建圆角按钮(如图片所示)？
编辑:我说的不是边界半径，请看图片
浏览 2提问于2014-12-30得票数 1
回答已采纳
2回答
我正在为邮件黑猩猩创建一个电子邮件模板。我已经下载了一个模板，现在将我的内容放在根据需求(我知道如何使用Mailchimp模板语言)。我的问题是，我必须使用圆角和使用图像为基础的圆角。
当我编辑邮件黑猩猩视觉编辑器中的表格时，基于图像的圆角就会破碎，不再工作。
我应该使用CSS，还是基于图像的圆角？请给我任何建议。
*编辑:总是使用图片--这是我得到的最好的解决方案。
浏览 3提问于2013-03-02得票数 8
回答已采纳
3回答
创建具有不同图像和CSS的按钮
、、、、
我有个棘手的问题。我想创建一些按钮，看起来有点像这样。
现在您可以看到，所有按钮共享相同的背景，圆角矩形，以及一些不同的图片和文本。
那么，我应该只制作一个包含所有按钮的巨大spritemap，还是创建一个带有圆角矩形背景图片的链接，然后使用CSS将图像和文本放在里面会更好(为了性能)？
浏览 2提问于2013-12-02得票数 0
我在使用css在div中放置两个背景图像时遇到了问题。第一张图片是一个透明且边缘圆角的盒子的顶部。下一张图片的身子只有10px高，没有圆角。我想有第一个图像在顶部和下一个图像之后，它在y轴上重复，直到页面的底部，无论内容。有没有人能帮我弄一下css。每次我尝试它，第二个背景图像覆盖了第一个图像，不重复，除非有内容。谢谢
浏览 2提问于2012-11-01得票数 0
1回答
对于大多数现代浏览器来说，在CSS中创建圆角很容易，所以我想知道它是否适合创建一个向外弯曲的圆角，或者我是否仍然需要启动PhotoShop来创建这样的效果。
下面图片中的“查看选项卡”的底部演示了我试图使用CSS做的事情：
备注：我不确定这个词是否是正确的(这使得谷歌很难搜索)，所以如果有人知道真正的(或更好的)术语，请让我知道，我会相应地更新这个问题。
浏览 1提问于2011-01-19得票数 2
如何在CSS3的帮助下实现这种风格？我知道如何做圆角，但我需要设计一个小裁剪，如附件图片所示。我该怎么做呢？
浏览 2提问于2012-09-27得票数 0
回答已采纳
我想在IE7,8和Firefox中使用css来圆角我的图片。我尝试在Firefox中使用-moz- border -radius，但它只是围绕边框，而不是图片。
图片链接：
我使用的css如下：
.content p img {
float:left;
margin:0;
padding:0;
width:780px;
border: 10px solid white;
-moz-border-radius: 15px;
}
在IE7中，IE8不适用于边界半径。有人能帮我吗？提前谢谢你。
浏览 6提问于2010-11-01得票数 0
5回答
从来没有遇到过这个问题，我看不到任何其他的参考资料。基本上，我有一个网站，圆角在顶部和底部的容器。现在，这些都是完美的工作，但突然停止，因为我开始有问题的IMG解码失败。我已经解决了这些问题(我想)，但是现在，我的圆角在容器底部不正常工作。
我的CSS如下：
.sub_footer {
background: url(/uploads/images/blue_footer_bg.jpg)repeat-x;
color: #fff;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
text-
浏览 1提问于2014-05-27得票数 0
回答已采纳
4回答
假设可以找到适当的解决方案(不需要跨浏览器等)-
最好的方法是CSS/JS在网络上绕过图片的角落，
或者:更好的做法是使用有圆角的图像(通过上传代码或设计者的手工操作)？
如果可用，那么四舍五入的元素- css与圆角图像(例如雪碧)如何？
编辑(我知道CSS是可能的)，但我认为它会使浏览器工作更加困难，而不仅仅是下载预先编辑的图像(这将在服务器端花费更多的精力)。问题不在于什么有效，而在于什么更好。
浏览 5提问于2012-05-10得票数 1
是否可以仅使用HTML和CSS创建这样的L形边框？
编辑:这就是我目前所拥有的：
Edit2:我希望复制上面的图片--适当弯曲的圆角。这是我在这里遇到困难的主要原因：
浏览 3提问于2012-06-07得票数 6
回答已采纳
我知道，没有Javascript或图片，IE是不可能做圆角的。如果JS被禁用，js解决方案将无法工作，因此我想选择图像选项。
我需要任何图像+ css解决方案，使跨浏览器兼容的圆角div与最小，容易使和纯语义和W3C有效的代码，可维护的<代码>E29</ code >和<code>E 110</代码>图像的最小使用<代码>E 211</代码>和photoshop的努力。
我知道FF和safari可以使用纯css，但是我需要没有javascript的跨浏览器解决方案。我想尽可能少地使用XHTML代码和图像。
浏览 1提问于2009-10-23得票数 3
回答已采纳
3回答
有谁能帮帮忙吗？
我在我的页面上显示了一张图片。图像有一些圆角，这是我用一些CSS技巧实现的。但现在的问题是自动缩放图像。
使用<img>缩放图像没有问题，但在圆角代码中使用它就成了一个问题，因为这是通过背景图像实现的。
有人知道我怎么把这两个组合起来吗？
下面是我在CSS中实现圆角的方法：
.informationBarLeft {
width: 24%;
height: 160px;
border: 1px solid #000000;
float: left;
margin-right: 1%;
background-image: url('../Images/pum
浏览 0提问于2012-07-27得票数 3
回答已采纳
1回答
我正试图为边框底部创建圆角。例如，我有一个带有下划线的文本，这个下划线应该看起来像圆角。我不想使用图片，所以我尝试通过css创建
这是我的CSS代码
.footer_line {
white-space: nowrap;
margin-top: 12px;
font-weight: bold;
border-bottom: 4px solid #2782dd;
padding-bottom: 1px;
font-size: 36px;
width: 150px;
border-radius: 4px !important;
}
浏览 2提问于2021-09-19得票数 1
回答已采纳
2回答
下面是我们在网站上使用的按钮的图片，它是一个.png。
我们想看看我们是否能够真正接近它与CSS在一个标准的按钮。
梯度位于顶部：#E14C5B到中间：#D 33742到底部：#B61C27，圆角为一对像素径向。
这在CSS中是可能的吗？
浏览 4提问于2013-09-12得票数 0
回答已采纳
2回答
这张图片显示了圆角字体的含义
我希望网页只使用网页安全字体
但是这些字体并不美观。
因为我希望页面对每个用户尽可能一致，所以我不能使用非安全字体。
所以我希望能在css中找到解决方案
浏览 1提问于2012-08-16得票数 1
回答已采纳
2回答
dropzone.css有一个问题，在上传图片后，它会显示一个缩略图和圆角，但角将是白色的。
为了修复它，我找到并注释掉了下面的一行：
.dropzone .dz-preview.dz-image-preview {
/*background: white;*/
}
不知道为什么会在里面！
浏览 0提问于2020-03-17得票数 0
回答已采纳
2回答
我已经在网上找过了，也找不到合适的解决方案。我想知道是否有一个解决方案来制作一个圆角的六边形，并在这个六边形中插入一个背景图像，这样它就可以完全填满它。如果没有办法完全用CSS3制作，有没有办法使用背景图片呢？例如，我有一个圆角的六边形作为背景图像：
.staff_hexagon {
position: relative;
display: block;
height: 200px;
width: 100%;
background: url('../img/staff_hexo.png') center center no-rep
浏览 0提问于2017-01-20得票数 1
2回答
我正在用Wordpress做一个网站，有我自己的主题/模板。现在我有以下问题：
如何将一些代码放到CSS或HTML中，这样内容/字段就会给页面添加一个更长的字段？我的内容设计由圆角组成，所以当添加的内容/文本比适合的多时，出现的额外字段也必须有圆角。例如，为了清晰起见，我添加了一张图片：
我需要一些额外内容的代码(图像中虚线的那个)。这块地是白色的，左边有一些小阴影。
提前感谢！金姆
浏览 0提问于2012-02-02得票数 0
回答已采纳
在没有图片的jQuery元素上渲染圆角，最一致的，跨浏览器兼容的插件是什么？
到目前为止，我所使用的一切要么在不同的浏览器上不一致和不可靠，要么添加了干扰级联CSS的不必要的元素。
浏览 5提问于2011-06-14得票数 2
回答已采纳
3回答
网页圆形浮动图像
、、
我正在尝试弄清楚这个站点上的气球是如何编码成具有透明边缘的：当我尝试使用圆角图像时，无论我如何操纵页面源代码和css，它在浮动时总是有纯色的边角。我已经尝试将<div>和<img>背景颜色设置为透明，还尝试使用div圆角脚本。我已经在photoshop中对图片进行了编辑，使它们周围没有空白(角)边框。似乎什么都不起作用，我页面上的那些气球看起来就像一个方形白色背景上的气球在四处移动……有什么想法吗？
浏览 1提问于2011-06-17得票数 1
回答已采纳
如何显示带有圆角矩形的文本视图，如原始图像所示
在上面(原始)图片中，按钮2的左圆角和右圆角的形状是正确的，但是在我的代码中，左圆角和右圆角的形状不是正确的。
在第二张图片中，我需要作为第一张图片做更多的圆角。我怎么处理下列可绘制的？
可绘制代码(green_bg.xml)
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shap
浏览 1提问于2015-12-23得票数 8
3回答
我试图用d3.js为svg:image (嵌入到SVG中的图像)创建圆角。我找不到如何正确地设置图片样式，因为根据W3C规范，我应该能够使用CSS，但相邻边框和圆角边缘对我来说是有效的。
提前谢谢。
vis.append("svg:image")
.attr("width", width/3)
.attr("height", height-10)
.attr("y", 5)
.attr("x", 5)
.attr("style", &
浏览 0提问于2011-09-15得票数 13
回答已采纳
1回答
对于我遇到的这个小问题，我正在寻找IE8中任何有效的解决方案。由于某些原因，我们正在使用的这台服务器上的css pie不能很好地工作，所以我们不得不使用特定于IE8的样式表的图像来解决一些问题。
在右手边有一个需要圆角的facebook面板，到目前为止，我在面板的顶部有一张图片，让它有一个圆角，但理想情况下，我们希望底部也有圆角，但我就是想不出怎么做。有没有人能说点什么？欢迎快速修复！
附图-查看webkit与IE8的比较：
谢谢你们！
编辑:我的解决方案是在父目录中添加一个额外的div。谢谢@Pete。
浏览 1提问于2013-05-02得票数 0
回答已采纳
我正在通过子类UIPopoverBackgroundView创建一个自定义的弹出背景。我想要没有圆角的爆米花。我可以成功地创建没有圆角的背景(在图片中是红色的)，但是UIPopoverController似乎在弹出的内容中添加了一些圆角掩码(图片中是绿色的)。这是我的罂粟角的照片：
我有什么办法克服它吗？
浏览 3提问于2014-01-08得票数 7
回答已采纳
我想以最简单的方式(可能使用<ul>)再现以下内容：
因此，我希望能够在这个列表中添加尽可能多的行，每一行都由图片、描述和计数器组成。列表应位于圆角框中，行应用行分隔。
有CSS技能的人能帮我吗？
非常感谢!
浏览 8提问于2012-04-21得票数 0
回答已采纳
1回答
我已经为我的主题包括了圆角功能的jQuery圆角插件，对于第一个主题它工作得很好，因为我没有添加任何背景图像到主题。当我去为第二个主题，我已经添加了图像作为背景，当我尝试应用圆角功能的主题，它是添加一些背景颜色的角落，像这样的
我已经搜索了所有我没有找到任何关于这个问题的解决方案。我甚至尝试将背景图片添加到#导航li和#导航a中，但这在IE8中不起作用，为了IE8，我使用了jQuery圆角插件，因为css3pie不起作用。
var jq=$.noConflict();
jq(document).ready(function(){
alert('hello alert1 '
浏览 1提问于2014-01-23得票数 4
3回答
这是一个按钮，它最初是在Silverlight中实现和设计的。
如何在HTML/CSS中实现此按钮？注意边框和按钮背景的不同渐变，以及边框中的圆角。边框的宽度应该是可调的，但在按钮周围的大小是一致的。
示例图片中的红色是页面背景，而不是按钮的一部分。
UPDATE：忘记提到，我更喜欢没有图像的解决方案，即。纯css。Css3很好，例如，我不需要支持IE6-8。
浏览 7提问于2011-06-03得票数 1
回答已采纳
6回答
我有一个带有CSS的按钮，它现在没有圆角。我有左边和右边的图片(角)，我怎样才能将它们应用到下面的CSS？谢谢你的帮助。
.myButton
{
background-image: url(../../Images/SubmitButtonBack.png);
color: White;
font-family: Verdana;
font-weight: bold;
font-size: 8pt;
width: 160px;
height: 22px;
border: none;
position: relative;
浏览 0提问于2011-03-01得票数 5
回答已采纳
我正在使用imageView上传个人资料图片，但我遇到了一个问题。
<ImageView
android:id="@+id/profile_image"
android:layout_width="120dp"
android:layout_height="120dp"
android:background="@drawable/roundimage"
android:src="@drawable/profile_pic"
浏览 3提问于2019-07-03得票数 2
我用DD_roundies的jquery插件绕过了Corner的任何div。
这个插件工作得很好。但我的div有一个任意背景图片( CSS )现在在FF，Chrome和IE6工作，并显示与背景的div角，但在IE7，IE8，IE9不显示div背景，只有圆角我的div。
如何解决这个问题。谢谢
浏览 2提问于2011-08-13得票数 0
3回答
JQuery圆角合并div
、、、、
有没有人知道有没有做圆角的插件，但是对几个元素进行圆角操作，给人的印象是它们像一样连接和圆角--具体地说，我希望内角和外角都是圆角的。
黑色的轮廓表示元素的极限，蓝色的轮廓表示最终结果。
我对图片进行了编辑，所以我的意思更清楚了。
浏览 2提问于2012-02-16得票数 1
1回答
请查看附件中的图片和jsfiddle：
一个简单的文本区域，有圆角。注意右上角和右下角出现的问题。屏幕截图是与Chrome，但所有其他浏览器共享这个错误。
我知道jquery/javascript插件可以解决这个问题，但我正在寻找一种只使用css的方法。
我只需要在滚动条和边框之间添加一些填充。。
尝试过这一点，到目前为止最好的解决方案是:将文本区域包装在div中，而不是使用div样式。工作时，只会出现一些小问题。
尝试用大纲替换边框，并使用css添加大纲-偏移。工作很好，问题是轮廓不能有圆角..。
还有别的主意吗？样式直接位于文本区域，而不是包装div。
<textarea
浏览 1提问于2014-10-09得票数 4
回答已采纳
下列哪一项将加载得更快，
创建正方形图像并通过CSS添加圆角
默认情况下向图像添加圆角，而不使用额外的css。
另外，如果2更快，那么这是否意味着添加圆角功能只是为了帮助无法在图像中创建自己的圆角的程序员？
谢谢你的帮助！
大都会
浏览 0提问于2010-10-26得票数 3
回答已采纳
3回答
我一直在尝试实现与使用纯CSS的图像中所示相同的结果。我试过使用背景图片(封面)，但它没有响应性(裁剪形状)我设法得到了类似的结果，但不是圆角，也不是所有的浏览器都支持。 .shape {
background:#16489F;
clip-path: polygon(5% 0, 95% 0, 100% 50%, 95% 100%, 5% 100%, 0% 50%);
} 我的目标是： ? 非常感谢
浏览 74提问于2020-07-29得票数 1
回答已采纳
3回答
在中可以看到，表格设置为圆角(特别是右上角和左下角)，这些角被包含的单元格的背景颜色破坏。
我尝试将一些padding应用到表中，但没有任何帮助。是添加额外的列和行并将它们的background-color设置为transparent的唯一选择
如何解决这个问题，只使用CSS (没有添加图片或javascript)？
浏览 0提问于2012-11-09得票数 3
回答已采纳
4回答
我有一些图片，我想在我的网页上展示它们。但问题是，我想让他们的角落变圆。圆角的深度取决于，有时我想要像样的圆角，有时我想要非常深的圆角，以便它看起来像一个圆形图像。
这样做的正确方法是什么？
浏览 2提问于2011-05-10得票数 0
回答已采纳
2回答
除了用户上传的照片的缩略图之外，我的网站在每个盒子和图片上都充满了圆角。
如何使用Python Imaging在每个缩略图上‘绘制’白色或透明圆角？
浏览 4提问于2009-01-10得票数 0
回答已采纳
3回答
我有相当多的CSS知识，但当我试图为我正在工作的网站实现一个独特的导航栏时，我被难住了。
由于图片的价值超过9000个单词，我用一个图表来表示这个场景。
#容器(蓝色)宽1000px，圆角25px。在容器的顶部是#导航栏(绿色)，它是#容器的全宽，高55px (它与#容器的上、左、右边缘匹配，但我在图像中放大了它，以便您能更清楚地看到它)。在#navbar内部是不同的导航按钮(红色)。我希望所有的按钮都是等宽的(并且总是从一边延伸到另一边)，最左边/右边的按钮要有圆角，就像祖父母#容器一样。解决方案需要是纯严格的CSS，并且可以在大多数现代浏览器上运行(IE8及以下版本除外)。
我希望这
浏览 2提问于2012-01-01得票数 4
回答已采纳
1回答
带有反圆角的css3菜单
、、、、
我设计了一个导航菜单，如下图所示：
我想用css3圆角和方框阴影来编码它，而不是使用任何图像。问题是第一个菜单项左侧的圆角，以及菜单右侧的圆角...我称之为“反向”圆角..。
它应该在:hover上改变颜色。
有没有办法只在css中做到这一点？又是如何做到的？
浏览 2提问于2012-01-19得票数 2
1回答
我尝试使用rgba()来定义div的背景色，但是第四个值并没有改变不透明度，而是改变了亮度(显然)，并且将圆角边框呈现为黑色。这是我的CSS，非常简单的东西：
#content {
min-height: 200px;
padding: 25px;
border-radius: 50px;
background-color: rgba(169, 245, 208, 0.4);
}
以下是Firefox和Chrome中有关此问题的图片：
最后，站点的URL：
浏览 2提问于2012-08-20得票数 0
回答已采纳
有谁能帮我解决如何增加圆角按钮的大小相对于文字。请检查图像：
我希望能够写任何长度的文字和圆角按钮将自动伸展基于文字。
请帮助我如何编写CSS，以使这个工作？
注意：我不想使用CSS3 border-radius，因为它在IE中不工作，我不想使用css3pie等等，这就是为什么我创建了圆角图像。谢谢
浏览 6提问于2011-07-25得票数 1
回答已采纳
我试图在一个250x250的图片周围放置一个漂亮的边框，只使用html和css。标记如下：
<div id="img-container"><img src="pic.jpg" border="0"/></div>
css是：
#img-container {
height: 225px;
width: 225px;
padding: 3px;
border: 1px solid black;
z-index: 10;
position: relative;
浏览 8提问于2010-03-16得票数 0
回答已采纳
2回答
这是制作圆角容器的方法：
Container(decoration: BoxDecoration(borderRadius: BorderRadius.circular(10),),
但是有没有办法像下面的图片那样做倒圆角呢？我在网上找不到任何东西
浏览 23提问于2020-02-29得票数 8
1回答
如何在IE 8中使用CSS创建圆角？由于CSS规则corner-radius不起作用，在IE8 (或IE6和IE7)中使用CSS时有没有创建圆角的解决方案。
浏览 2提问于2013-03-21得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
