CSS:背景如何扩展边框和重叠？
CSS中，可以通过使用背景属性来扩展边框和重叠。具体的方法如下：
- 扩展边框：
- 使用
background-clip属性来定义背景的绘制区域。默认值为border-box，表示背景将绘制在边框盒子的区域内。可以设置为padding-box，表示背景将绘制在内边距区域内，或者设置为content-box，表示背景将绘制在内容区域内。 - 使用
background-origin属性来定义背景的定位区域。默认值为padding-box，表示背景的定位参考点是内边距区域的左上角。可以设置为border-box，表示背景的定位参考点是边框盒子的左上角，或者设置为content-box，表示背景的定位参考点是内容区域的左上角。
- 使用
- 重叠背景：
- 使用
background-image属性可以设置多个背景图像，通过逗号分隔。后面的背景图像将覆盖在前面的背景图像之上。 - 使用
background-color属性可以设置背景色。如果设置了多个背景图像，背景色将显示在最后一个背景图像之上。
- 使用
背景扩展边框和重叠的应用场景包括但不限于：
- 创建具有特殊边框效果的元素，如圆角边框、渐变边框等。
- 实现元素的背景图像与边框的无缝衔接。
- 制作复杂的背景效果，如背景图像与背景色的叠加、多个背景图像的叠加等。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云内容分发网络（CDN）：https://cloud.tencent.com/product/cdn
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发（移动推送、移动分析、移动测试等）：https://cloud.tencent.com/product/mobile
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙（Tencent Real-Time 3D）：https://cloud.tencent.com/product/trtc
相关·内容
有没有人知道如何解决Safari中的“bug”问题？
当我在CSS3中使用border-radius创建圆角边框时，它在Safari、FF等等上运行得很好。
但是，当边框颜色与背景颜色相同时，您可以看到容器背景与边框重叠。
你可以在这里试试：只需将边框颜色和站点背景设置为#333333即可
谢谢你的帮忙!
浏览 3提问于2011-03-06得票数 6
回答已采纳
2回答
我想做一个菜单，在菜单的末端重叠，他们有弯曲的边框和稍微倾斜的边缘。
如果不使用背景图像，是否可以只使用CSS来完成这样的菜单？
为了更好地理解，请附上下面的菜单示例。想知道如何使部分标记为红色单独使用CSS。
请帮忙，谢谢。
浏览 3提问于2014-09-07得票数 11
回答已采纳
1回答
我有两个带有边框的div，如何只删除两个div接触的边框，如下图所示？但是没有背景重叠，我的意思是这里的背景必须是透明的。这个问题听起来像是，但是！没有背景颜色重叠。它也是液体尺寸，意味着不是固定的。
浏览 0提问于2012-01-27得票数 0
回答已采纳
链接到网站：
导航条链接在较小的屏幕上折叠成一个汉堡包菜单下拉菜单，我为顶部边框.navbar { border-top: 3px solid rgba(55,175,75,1.00); }创建了一个CSS属性，该属性应用于导航条。现在，当屏幕变得更小，汉堡包菜单按钮似乎是重叠的绿色边框-顶部的肚脐！
也许这是一个初学者的问题，但我尝试了我所能想到的一切:将按钮移动得稍微低一点(现在它也与底部边框重叠)，删除背景色或使用rgba(0,0,0,0.00)使其透明(似乎根本不起作用).
任何建议都非常感谢..。
如下所示：
绿色的顶部边框不显示整个肚脐的长度，看起来好像汉堡包菜单按钮有
浏览 0提问于2020-02-22得票数 0
回答已采纳
我正在将边框半径应用于具有背景颜色的选择元素。背景颜色与曲线重叠并显示在方框中，而不是跟随边框的曲线。我不知道我必须使用什么css属性来解决这个问题。
background-color: #FF0;
border-radius: 24px;
border: 4px solid #F09;
这是jsfiddle：
谢谢你的帮忙
浏览 0提问于2013-02-14得票数 1
回答已采纳
我只是试图简单地应用一个1px实心边框，在锚标记周围加上一个以十六进制值表示的“深色”背景色，我注意到底部边框不在那里！
经过相当长时间的调查，我惊讶地发现，这个问题是由以十六进制表示的背景色引起的:显然，在这种情况下，浏览器开始使背景颜色比正确的位置低1px，结果是背景颜色与底部边框重叠，如果背景颜色比边框颜色暗，则结果是底部边框颜色“消失”。
我制作了一个来描述这种行为：
HTML
<a href="#" id="a1">ANCHOR1</a>
<br>
<a href="#" id=
浏览 2提问于2017-02-17得票数 0
回答已采纳
2回答
如果我为列表视图中的缩略图设置边框半径和边框，它似乎将边框视为图片的一部分，如下所示：
我使用的CSS覆盖规则如下：
.ui-li-thumb {
width: 50px;
height: 50px;
margin: 8px;
border: 2px solid #333 !important;
border-radius: 10px !important;
}
如何使图像也具有边界半径，这样它就不会与其边界重叠？
浏览 3提问于2012-08-27得票数 2
回答已采纳
3回答
有几种有用的JavaScripts和.htc行为可以弥补Internet呈现引擎中的漏洞和错误。它们中的大多数似乎都有一些重叠或不完整的特性支持，很难决定使用什么：
：边界半径
：使用VML的边框半径、框影、文本阴影仿真
：高级选择器支持
：边框半径，框影，边框图像，多个背景图像，线性梯度作为背景图像，rgba。
：使用AlphaImageLoader的透明PNG支持
：使用VML的透明PNG支持
：高级选择器，α-透明PNG，位置:固定，最小/最大宽度/高度，盒子大小
：css3选择器
：css3选择器
如果您还有更多的内容，请添加到此列表中:这是
浏览 0提问于2010-09-10得票数 5
我正在设计一个导航栏，如下图(a)所示，代码如下所示：
<ul>
<li class="unselected">Step 1</li>
<li class="selected">Step 2</li>
<li class="unselected">Step 3</li>
<li class="unselected">Step 4</li>
<li class="unselected"
浏览 4提问于2011-06-30得票数 2
回答已采纳
我使用float: right;将整个段落向右浮动--我正在突出显示带有背景和边框的文本片段。我的问题是，下面的文本向上移动，并包装到我向右浮动的对象(段落)的左边。position: absoloute; right:0px;不工作，因为它重叠。
因此，我的问题是，我如何使它正确浮动，但确保下面的文本保持在下面？
CSS：
.fcsi {
background: #1E73BE;
padding:20px;
color: white;
border: 2px solid #1E73BE;
border-radius: 25px;
float:
浏览 2提问于2015-01-23得票数 0
回答已采纳
3回答
我使用的是最近版本的Cinnamon (5.4.12)，带有桌面主题Adwaita-dark (有时还有Adwaita )。
当我启动gnome-terminal窗口时，它有一个非常薄的(1px?)周围都是白色的边界线。但由于我喜欢黑色终端，我配置了一个黑色的背景，但现在，我看不到窗口的边框。这也发生在其他黑暗背景应用程序。
当终端窗口重叠，甚至是相邻的时候，知道哪一个是重叠的，这是非常令人困惑的。
我试图改变这种颜色，但没有成功：
通过搜索/usr/share/themes/Adwaita中的主题文件，
通过使用~/.config/gtk-3.0/gtk.css来覆盖某些配置，
阅读 其他
浏览 0提问于2022-11-20得票数 2
2回答
我有一张有5px边框的图片，我想让图片和边框的边角变圆，但在webkit中，图像仍然是矩形的，而边框的边角是圆角的。结果，图像与边框重叠，并在每个角落的边框线之间创建了一个看起来像是空隙的东西。
我希望它看起来像这样的，但在webkit上，白色背景是矩形的，最终重叠了一些浅蓝色的边框，并将其切断。
浏览 0提问于2012-09-13得票数 14
我可以通过数据点上的borderColor配置选项来实现这一点，但是每个单元格的边框部分绘制在前面单元格的边框之上，因此它看起来有点愚蠢。
有没有一种方法可以指定边框的边距，使我的边框完全绘制在单元格的边界内，这样就不会有边界重叠？或者有没有办法通过一些事件自定义绘制我自己的边框？
你可以在的小提琴和下图中看到这种效果。请注意，橙色边框是如何绘制在绿色上的，红色是如何绘制在橙色上的。这种重叠是我试图消除的。
浏览 1提问于2016-05-20得票数 1
假设我有以下CSS代码片段：
div {
width: 200px;
padding: 10px;
border-width: 1px;
border-style: solid;
border-bottom-color: red;
border-left-color: blue;
}
左侧边框为蓝色，底部边框为红色。但是在我的浏览器中，左下角的像素是红色的，左边框和下边框重叠。显然，下边框与该像素的左边框重叠。
我可以手动设置重叠顺序，或者以另一种方式实现左下角像素为蓝色而不是红色吗？
浏览 1提问于2012-01-20得票数 8
回答已采纳
1回答
我试图将UIButtons动态添加到UIStackView中，但遇到了一些奇怪的行为。由于按钮内的文本也是动态的，所以它应该是多行的(默认情况下不是)。所以我像这样设置了中断模式：
button.titleLabel?.lineBreakMode = NSLineBreakMode.byWordWrapping
stackView.addArrangedSubview(button)
结果如下所示(我将按钮设置为不同的背景颜色，以便更好地说明问题)：
文本超出按钮的边框并与其他视图重叠。如何解决这个问题？
UIStackView是从这个简单的xib加载的：
提前感谢
浏览 15提问于2017-01-19得票数 0
回答已采纳
4回答
只有边框的CSS形状
、、、、
我已经找到了关于如何使用CSS创建各种形状的信息，比如梯形和心脏；但是，它们都是实体形状。是否有一种方法来创建一个形状，例如梯形图，它是透明的，并且只显示一个轮廓/边框？
通过制作两种形状并将它们重叠，其中一种比另一种更大，就有可能使其看起来具有这种效果，但只有当形状背后的背景是坚实的颜色时才能起作用，而这种情况可能并非总是如此。因此，透明度的原因。
有关CSS形状的示例：；例如，查看三角形。
谢谢。
浏览 2提问于2013-07-30得票数 1
回答已采纳
如何在Firefox、Safri和Chrome下的单选按钮周围设置边框和背景色？
我知道它只适用于IE。
下面是带有红色边框+红色背景的IE的捕获。
下面是带有红色边框+红色背景的Chrome的捕获。
如您所见，没有显示边框+背景。
这是我的css：
.input-validation-error {
border: 1px solid #ff0000;
background-color: #ffeeee;
}
谢谢。
浏览 3提问于2012-03-07得票数 4
5回答
使用CSS创建三角形非常容易，而且很常见，但是否可以以类似的方式创建一个具有透明背景和边框的三角形。
这就是我想要创造的：
考虑到三角形通常的制作方式，我真的不知道从哪里开始，因为它们依赖伪元素和重叠边界等等。如果边界是透明的，显然不能这样做……
有人知道怎么做吗？有可能吗？
浏览 0提问于2015-08-13得票数 8
回答已采纳
4回答
我如何干净地样式HTML + CSS水平制表栏，使制表栏在底部有一条线，这是隐藏或抑制的活动选项卡？
换句话说，我正试图做与StackOverflow对其标记所做的相同的事情：
将我的选项卡条设置为一个有序列表。
ul
{
list-style: none;
}
li
{
float: left;
}
Update：我已经在使用Firebug的站点上搜索了一下，看看它们是如何做到的，但我觉得自己很快就陷入了细节的泥潭。例如，StackOverflow的版本在整个div的底部有一个边框(这很有意义)，而活动选项卡的底部有一个白色的边框(这很有意义)，但是它会使active选项卡的边
浏览 3提问于2013-01-17得票数 0
回答已采纳
2回答
嗨，我想弄清楚如何创建一个淡入div背景颜色的边框，这是我能想到的唯一解决方案。我在谷歌上到处搜索，似乎有人建议我使用CSS3，但有人告诉我它还在“开发中”，没有完全引入现代浏览器，如果我错了，请纠正我，很可能是错的
无论如何，这就是我想出的解决方案，有没有更简单的方法，或者这是一个合理的方法？
为边框的每个部分创建了许多div(如下所示)，并根据边框的部分设置它们的背景图像：
超文本标记语言：
(New开发和堆栈溢出的新手，如果我做了任何非正统的事情，很抱歉，谢谢)。
浏览 0提问于2011-09-09得票数 1
回答已采纳
1回答
请看下图
我正在开发分页。根据图像上面的分页内容，页码应该被花哨的边框包围，这样的边框是不可能通过css border属性实现的。为此，我必须使用图像，但问题是，如果我使用固定大小的背景图像，那么当页面数量增加时，它们将显示在该背景图像之外。
如何让背景图像也随着页数的增加而增加。
我希望这是有意义的。
浏览 1提问于2012-07-19得票数 0
回答已采纳
4回答
我想让一个表格边框(我可以使用css设置，而不是内联border=属性)设置为边框: 1px纯黑；当我将鼠标移到表格上时。
我该如何在jQuery中做到这一点。我认为这与页面顶部的按钮(问题、标签、用户等)的变化相同，只是div的背景颜色发生了变化，而我想要改变表格的边框。但概念是一样的。
浏览 7提问于2009-06-04得票数 3
回答已采纳
我有一个div在另一个div里面。#outer和#inner.#outer有弯曲的边框和白色的背景。#inner没有弯曲的边框和绿色的背景。#inner超越了#outer的弯曲边界。有办法阻止这件事吗？
#outer {
display: block;
float: right;
margin: 0;
width: 200px;
background-color: white;
overflow: hidden;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-ra
浏览 17提问于2010-09-15得票数 199
回答已采纳
3回答
这是一个按钮，它最初是在Silverlight中实现和设计的。
如何在HTML/CSS中实现此按钮？注意边框和按钮背景的不同渐变，以及边框中的圆角。边框的宽度应该是可调的，但在按钮周围的大小是一致的。
示例图片中的红色是页面背景，而不是按钮的一部分。
UPDATE：忘记提到，我更喜欢没有图像的解决方案，即。纯css。Css3很好，例如，我不需要支持IE6-8。
浏览 7提问于2011-06-03得票数 1
回答已采纳
2回答
我想通过多个背景创建边框，并发现了一个问题。我需要对每个背景应用优先级，因为它们中的许多都是相互重叠的。
有没有什么css属性可以设置每个背景的z索引？
left-top-corner(z-index:2) top(repeat-x) right-top-corner(z-index:2)
left(repeat-y)
left-bottom-corner(z-index:2) bottom(repeat-x) right-bottom-corner(z-index:2)
就像这样。
类似于：
background-z-index:2,1,2 .. etc.
浏览 0提问于2013-02-17得票数 8
回答已采纳
3回答
我想让背景线变成一条虚线波浪线，尝试使用带有边框样式的div :虚线和边框半径，但无法实现。如何在CSS中将此标记线(请参阅所附图像)作为背景。 ?
浏览 147提问于2021-11-22得票数 1
在CSS3中，是否可以将背景色应用于而不是应用于边框的元素？
当你使用：
element { background: red; }
背景颜色也适用于边界地区。
浏览 3提问于2016-12-13得票数 0
回答已采纳
1回答
我目前正在努力解决CSS3 /HTML5的问题。我使用bootstrap设置了一个寻呼机，以便正确地响应，但是我遇到了以下问题：
我的网站倾向于在右边框上“重叠”，看这里这是我的网站的右边框：
在我的整个网站上有一个大约5px的重叠量，我不知道如何“裁剪”我的网站，或者如何适当地减少宽度，使这种重叠消失。
对此有什么想法吗？
浏览 0提问于2014-10-28得票数 0
在学习的早期阶段，我只是在玩边框/内容框CSS属性。
尝试将这两个框排列在一起--我通过使用float左和右属性实现了这一点。
但是，当我使用display时，它会导致与上面的块元素h1重叠。我在这里把它显示成一个表格，所以我设置的背景颜色只是内容的宽度，但这不应该改变它仍然是块元素的事实。
除了重叠之外，display: inline在div上还会导致盒的大小缩小。
有人能解释一下为什么会发生这种事吗？
请看这里的代码：
浏览 1提问于2020-04-18得票数 1
回答已采纳
1回答
我有按钮背景的图像，和按钮标题文本，有时是重叠的图像。
你可以在图片上看到，我的问题是斯威夫特是否有一些为文字做边框的可能性？
我的意思是，在地方，我有绿色图标文字将不会重叠。
浏览 1提问于2018-09-24得票数 0
回答已采纳
我有一个ProgressDialog，我已经定位在我的屏幕底部，以避免重叠的标志。我想要做的是为ProgressDialog创建一个自定义样式，删除背景和边框。我在这里一点运气都没有。
有没有人知道如何应用这种风格？
浏览 0提问于2011-03-14得票数 12
4回答
默认情况下，使用边框在彼此内嵌套多跨距时，它们的水平(上和下)边界重叠，而垂直(左和右)边界堆叠。
JsFiddle：
.html:
<span><span>a</span> + <span>b</span></span>
.css:
span { border: 1px solid black; }
您可以设置display: inline-block;，这将使所有边框堆叠在一起。
有没有办法让它所有的边界都重叠？
浏览 1提问于2015-10-28得票数 0
4回答
我如何使用CSS和HTML来完成这个任务？
用彩色borderBordered文本的边框包围的边框最小包围文本边框文本具有最大宽度边框不重叠相邻元素
当呈现时，它应该如下所示：
我用的边界是：
padding: 1.0em;
border-style: solid;
border-width: 2px;
background-color: #FFFFCC;
border-color:#E8E800;
如果我将CSS应用于<p>，则边框与浏览器窗口一样宽。我希望边框与文本一样宽(变量取决于文本大小)，因此使用width设置绝对宽度无效。我试过display:inline但是那个
浏览 8提问于2009-09-03得票数 3
回答已采纳
1回答
请参考来演示我的问题。
我正在寻找一种让紫色边框和绿色边框一样高的方法(这样紫色边框就可以通过重叠来遮盖绿色边框)。我正在寻找任何创造性的解决方案，包括黑客。
更具体地说，对于此应用程序，在<section>框中有一个<ul>，它动态填充不同数量的项。客户批准的设计在列之间的水平上边框中有一个空间。因为列表中的项数不同，所以我避免对列使用带浮点数的<div>。我找不到这方面的任何CSS规则，我读过的所有其他文章都是关于如何创建垂直边框(为了便于查看，我在演示中将其设置为紫色)，但我无法确定是否可以使这些边框与父级的外部边框重叠。
为清晰起见而编辑2015-0
浏览 0提问于2015-09-28得票数 0
1回答
我有一个非常奇怪的CSS问题，影响不同的浏览器，我不明白这是怎么发生的。如何设置表单下拉菜单按钮和下拉内容的样式？背景颜色可以改变，边框可以改变，但是当改变CSS边框半径时，边框半径不变。
表单按钮在每个浏览器上的外观都不同。下拉菜单在Firefox上显示得最好，因为它没有边框半径，没有Safari那样的光泽，甚至下拉内容也显示为绿色背景和白色文本。
1= Safari，发光+边框半径+基本白色下拉内容。
2=铬，边框半径+基本白色下拉内容+更大长度。
3=火狐，完美的风格，有风格的下拉内容，但可怕的下拉图标！
浏览 19提问于2020-02-17得票数 0
回答已采纳
3回答
目前，我的菜单正在使用div作为链接。不用说，这不是个好办法。现在，我将它改为使用链接标记，但我遇到了一个问题。
当一个链接是“活动的”，比如你在那个页面上，一个背景图像被应用。该背景图像位于右侧，比div高一个像素，因此它重叠了div的边框。下面是div的css：
background-image: url('triangle.png');
background-position: center right;
background-repeat: no-repeat;
margin-right:-1px;
z-index:100;
position:relative;
现在，
浏览 3提问于2013-01-05得票数 1
回答已采纳
1回答
因此，我试图缩放包含一些注释和背景图像的div，但是当我这样做时，一些注释控件被重叠了。我想要做的是将div放在具有宽度和高度约束的容器中，因此当我将内容缩放为2时，就会出现一个垂直/水平滚动条，并且我的控件不会重叠。
下面是在缩放包含图像和注释的div之前：
在缩放之后：
JQuery方法：
$.fn.annotateImage.zoomImageIn = function(){
$('.image-annotate-canvas').css('-webkit-transform', 'scale(1.25)');
}
$
浏览 9提问于2014-10-07得票数 0
回答已采纳
1回答
我正在尝试创建一个CSS转换，其中border-bottom of a href元素在:hover上扩展到链接的宽度。
我能找到的是一个CSS解决方案，其中background width是动画的：。
但这不是我想要的，因为单击导航选项卡后，我想离开边框。因此，我必须直接动画边框，而不是背景。
<!-- assume the border-bottom is only applied to an active=clicked navigation tab -->
<h1 style="border-bottom: 3px solid green;">CS
浏览 1提问于2016-01-28得票数 4
回答已采纳
2回答
转换节点上的CSS边框
、、、
我有一个HTML节点，我在其上设置了一个非常胖的边框，以及一个通过CSS进行缩放和旋转的转换。由于某种原因，在转换之后，在边框的外部，在节点本身的颜色中会出现一个非常小的附加边框，就好像节点的背景延伸到边框下面，并且边框不够大，不足以覆盖背景色。
.transform {
transform: scale(1, .7) rotate(45deg);
}
.container {
width: 100px;
height: 100px;
background-color: chocolate;
border: 20px solid white;
}
<div cla
浏览 1提问于2018-06-11得票数 5
回答已采纳
我有两个相互重叠的边界。一个有BorderThickness但没有背景，另一个没有边框粗细，但有背景。两个边框的CornerRadius都为3。问题是其中一个边框的背景角从另一个边框的后面伸出。
下面是XAML，其中第一个边框元素具有背景，名为FocusVisual的边框具有BorderThickness。
<Grid x:Name="grid">
<Border Background="{TemplateBinding Background}"
CornerRadius="3"&g
浏览 0提问于2011-08-11得票数 2
1回答
当我用excel (2010)的内置pdf导出功能将文档导出到pdf时，我遇到了一些麻烦。
我在我的工作表上生成了一个图表，它周围有一些彩色的细胞。从视觉上看，它看起来很好(即使我用ctrl键+鼠标轮放大)。但在导出时，图形与周围的单元格重叠。
例如，在下面的图片中，我用excel (顶部)和pdf (底部)截图。红色部分是我的图形(我给图形对象的背景着色了)。这张图有一个黑色边框。就在图的顶部，我把一个细胞的背景涂成蓝色。通常情况下，图形不能与蓝色单元格重叠，因为我已经手动将其放置在下面(剪切图形，选择单元格-蓝色单元格，并将该图置于此位置)。
但我们可以看到：
黑色边框与蓝色单元格重叠
浏览 6提问于2012-11-29得票数 0
回答已采纳
伙计们，我遇到了印刷媒体css的问题。在html页面中有两个div，body和footer。
<div class="main-template-body" id="main-template-body">
//content
</div>
<div class="main-template-footer">
//footer
</div>
当打印网页，我需要页脚是固定在每一页的底部。因此，我使用了下面的css &它工作得很好。
.main-template-footer
浏览 2提问于2016-11-22得票数 1
4回答
标题和图像重叠
、、
在HTML和CSS中非常天真，我不能这样做，除非创建一个图像。那么，我如何创建一个文本重叠的图像，与背景颜色？
详情如下：
我有一个正方形图像，我想添加一个重叠的文本。这篇文章应该有一个横跨整个图像的背景颜色，并且应该是垂直的和水平的，就像在图片中一样。
我如何在HTML+CSS中做到这一点？我想避免创建图像。
谢谢!
浏览 5提问于2015-12-14得票数 0
1回答
如何删除此图像边框？
、、、、
这是我想要添加的图像，但当我在网站上显示它时，它会变成一个带有边框的图像： (按钮后面有一个背景)。我将javascript与reactjs、html和css结合使用。
下面是我用来显示图片的代码：
css代码：
js代码：
如何在没有此边框的情况下显示此图像？我尝试放入css文件边框: 0；边距: 0；填充:0；边框:无；但都不起作用
浏览 1提问于2019-10-19得票数 0
有没有人知道在webkit中跟踪“bug”的解决方法？
当我在select标签上使用border-radius和border solid 1px创建圆角边框时，它在webkit、FF等上工作得很好
但是当边框超过1px时，你可以看到容器背景与边框重叠。
你可以在这里看到：
(只需将边框: solid 2px #9ec3d6；更改为1px即可查看差异)
谢谢你的帮忙!
浏览 0提问于2012-06-11得票数 2
3回答
考虑以下代码：
<div class="menu">
<ul>
<li class="active">I'm active!</li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
我的.
浏览 3提问于2011-06-08得票数 0
我正在尝试创建一种效果，显示一种div类型的效果--消失在内容背景中。这个想法是有一个简单的边框: 1px #000实体；在div的顶部和底部，然后在左边和右边有一个大的内嵌阴影，给人一种div继续回到页面后面的外观，就像在背景中有一个狭缝，div可以穿过。
Box-shaodw目前只能同时在所有方面工作。所以我需要一种方法来获得一个大的阴影在左边和右边，但仍然能够访问阴影下的内容。这就是css阴影的荣耀所在，你可以。一张图片根本不会工作，因为这样你就无法在它下面点击了。
有人在这篇文章中建议使用边框图像，并在其中加入css3渐变。这伤害了我的大脑，当我尝试将css3渐变放置到div一侧的边框
浏览 0提问于2011-06-22得票数 0
回答已采纳
2回答
C还没有发布图片，所以这里有一个来更好地理解这个问题。
1)的div，没有边框。
2)的div和边框(黄色高于蓝色)。
3) --这是我所需要的(从黄色到底部)。
T代码应该是这样的：
CSS:
.thediv {
width: 500px;
height: 200px;
background: #0000FF;
-moz-border-image: url(img.png) 12 1 round;
-webkit-border-image: url(img.png) 12 1 round;
-ms-border-image: url(img.png) 12 1 round;
border-i
浏览 3提问于2016-04-14得票数 0
回答已采纳
1回答
我有一个带有背景纯色和透明边框的div。
在IE8+和Chrome中，透明边框显示基本的背景色。但是，在IE7中，边框是透明的:在边框后面不显示任何背景。
如何让IE7像IE8+、Chrome和“现代”浏览器那样显示边框？
这是我的超文本标记语言和层叠样式表(请看它在上的工作)：
HTML：
<html>
<body>
<div id="div1"></div>
<div id="div2"></div>
</body>
</html>
CS
浏览 1提问于2012-05-16得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
