我有一个三角形，那就是:在表单中的每个表元素之后(不要和我谈论标记..我只能访问CSS >.>)，在IE9/IE10/Chrome/FF中它工作得很好。然而，当我在IE8中检查它时，我得到的不是一个三角形，而是一个实心矩形。
下面是css：
.wSectionTableCSS:after {
content: "";
bottom: -38px;
left: 17px;
border-style: solid;
border-width: 25px 0 0 20px;
border-color: rgba(77, 77, 77, 0.13) transparent;
浏览 1提问于2013-09-07得票数 1
1回答
塑造纳瓦尔巴的底部边界
、、、
我试图塑造一个导航包装器的底部边框，这样一个三角形就会在它的中间弹出(前)。图片如下)。
有没有办法通过编辑/转换nav包装器的CSS来创建这个形状呢？
三角形具有与导航包装相同的不间断背景模式和底部边框阴影，因此我认为这应该通过CSS转换来完成，而不是在边界上添加CSS/图像形状。
IE：
谢谢!
浏览 1提问于2016-11-10得票数 3
回答已采纳
2回答
我有一个网页，我在按钮上使用了unicode向下三角形，表示选择这些按钮将显示一个下拉列表。
因此，我将在css中添加三角形：
.icon:after {
content:"▼";
}
.icon {
width:12px;
height:12px;
margin: 3px;
display: inline-block;
cursor:default;
}
页面中的meta标签是：
<meta charset="UTF-8"
浏览 2提问于2012-10-16得票数 2
回答已采纳
3回答
我想在我的CSS下拉菜单中包含一个向下三角形。除了IE9之外，它在每个浏览器中都能正常工作。
在普通浏览器中(Firefox、Opera、Chrome等)看起来是这样的：
然而，在IE9中，它是这样显示的：
CSS代码：
.parent-down > em:after,
.parent-down > a > em:after {
content: "\25be";
}
知道问题是什么吗?我该怎么解决呢？
浏览 6提问于2013-11-18得票数 0
回答已采纳
这个网站是。我花了3天使它与IE兼容，所以我想是时候寻求帮助了。
以下是IE与其他浏览器(如Chrome、Firefox和Opera)之间的三个重要差异：
最右边的IE8导航按钮没有阴影(固定)
IE8，IE9 :活动样式不起作用；我被告知它不会在IE7中工作。
没有显示三角形的IE9阴影(固定)
请让我知道在css代码的任何改变，将有助于解决这些问题。我没有计划支持IE6。
浏览 0提问于2011-04-07得票数 0
回答已采纳
8回答
我有一个使用这个CSS的三角形()：
.triangle {
width: 0;
height: 0;
border-top: 0;
border-bottom: 30px solid #666699;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
}
和这个HTML：
<div class="triangle"></div>
这会形成一个三角形，但对角线是锯齿状的和像素化的。我如何才能使它们变
浏览 1提问于2011-09-13得票数 31
回答已采纳
2回答
我想要在一个带有css的表格单元格中彼此覆盖4层图像。下面是我想要的最后一幅图像：
这4幅图像是：
灰色圆角矩形，带有红色阴影三角形，数字，蓝色条形，条形顶部的线条，黄色三角形指示器<code>G 210</code>
所有这些图像必须在一个表格单元格内的另一个图像上。这个条必须能够伸展(如果可能的话，我会用一个带有可变宽度属性的css div来绘制它)和移动的三角形指示器，所以整个事情不能是一个图像。
有什么办法吗？
注意:任何解决方案都必须在IE6和up、Firefox和Chrome中工作。
浏览 3提问于2011-03-03得票数 1
2回答
如何仅使用CSS绘制像此图像左侧那样的丝带的末端？
我知道我可以利用CSS中的角是斜接的这一事实，所以我可以有一个边框大小为0的div，以及其他更大的边框来给我三角形。有没有办法只用1个div就能做到这一点？或者我需要堆叠一些三角形？我真的更喜欢有1个div，这样用户就不必考虑这个了，我可以只使用CSS :before伪元素来插入它。实现这一点的最佳方式是什么？
只需要支持IE9+和其他浏览器的现代版本。
浏览 1提问于2012-11-12得票数 6
回答已采纳
1回答
嗨，我正在尝试创建一个跨浏览器的css三角形蒙版，也在ie10中工作。
这就是我的，但它不能在ie中工作。还有别的办法吗？
.slider {
-webkit-clip-path: polygon(0 0, 68% 81%, 100% 0);
clip-path: polygon(0 0, 68% 81%, 100% 0);
overflow: hidden;
margin: 0 auto;
width: 30%;
}
img {
height: 100%;
wi
浏览 1提问于2016-12-01得票数 1
1回答
我曾尝试用css中的skew制作圆角三角形，但得到的结果是这样的。
我的css代码是：
<style>
body {
margin:0;
padding:220px 40px;
font:80% Arial, Helvetica, sans-serif;
}
img{border:none;}
/* angled box styles */
.boxasli{
height:200px;
width:200px;
margin-top:300px;
overflow:hidden;
浏览 1提问于2013-06-25得票数 1
我正在创建一个CSS三角形，代码：
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0px 0px 9px 9px;
border-color: transparent transparent rgb(255, 255, 255);
position: absolute;
top: 14px;
left: 133px;
问题是这个三角形在使用windows7的火狐16.0.2中渲染了一个边框。
FF中三角形的屏幕截图-有两个三角形，上下角，创建相同的阴影
我检查了MAC的FF，它没有显
浏览 2提问于2012-11-19得票数 4
回答已采纳
我有一个本地安装的wordpress和一个主题的工作。在页面上时，“当前页面”有一条三角形的动态彩色线条。最终目标是将三角形复制到整个菜单项中，以获得锯齿效果，而不是单一居中的效果。我发现了一些关于“动态菜单突出显示”的材料，但不知道如何应用它。这不是一个图像或背景图像，它似乎是纯粹的css。下面是来自styles.css的css示例。当我使用transform时:我可以得到一些结果，只是不是想要的结果。希望有人能帮上忙。谢谢!
.not-ie #main-nav .current_page_item:after,
.not-ie #main-nav .current_page_parent:
浏览 3提问于2012-10-07得票数 0
回答已采纳
我有一个图形背景，我需要在左上角显示一个彩色三角形(取决于分辨率)。
是否可以仅使用HTML/CSS/JS创建一个三角形元素，宽度= 100%，高度= 200px，背景=红色？
我可以用width=100%通过IMG创建它，但我希望有一个比调整图像大小更好的解决方案。
该解决方案需要与IE7+兼容，并使用浏览器的版本(超过2%)。
谢谢
浏览 2提问于2012-08-13得票数 2
回答已采纳
1回答
我试图在纯CSS中创建一个动画“星爆轮”。到目前为止，我的情况如下：
预期的效果是一个圆圈，三角形辐条/射线从中心向外扩展，就像我一样，但也有射线是渐变的，它的α透明度在最外面的边缘消失到0% (类似)，这是我无法弄清楚的部分。
我使用边框宽度技巧来创建三角形，因为似乎没有任何其他真正的方法来使用纯css/html创建三角形(也许是剪辑路径？)，然后我打算使用border-image向其添加一个梯度，但这是行不通的，因为您不能将边框图像仅应用于一侧。
有什么想法或建议吗？
编辑:剪辑路径看起来像它的输出，因为它没有IE支持在任何地方.
浏览 2提问于2016-10-27得票数 1
回答已采纳
3回答
改变三角形的形状
、、
我试图使活动列表项目看起来如下：
这就是我目前拥有的(蓝色三角形是一个直角三角形，而不是钝的等腰)：
以下是我的HTML：
<ul class="guideList">
<li><a>Consulting</a></li>
<li class="active">Law<span class="activePointer"></span></li>
<li><a>Financ
浏览 3提问于2013-01-29得票数 4
回答已采纳
我正在尝试通过使用伪元素::before和::after来使用CSS创建一个演讲气泡。它在Chrome中看起来还不错，但在Firefox中三角形的轮廓看起来一团糟。有没有人知道这是什么原因，我能不能解决？
我使用的是FF 9.0.1和Chrome16。在firefox中，我在三角形周围看到了一些奇怪的伪影，这些伪影在Chrome或IE9中是不会出现的
浏览 3提问于2012-01-10得票数 1
回答已采纳
5回答
在做了15年的UI开发之后，我很少看到和思考“我到底是怎么做的”。这就是其中之一。
一位平面设计师向我的客户推销了一个五边形形状的非常复杂的图形，它由5个单独的三角形组成。设计师已经指定每个三角形都应该是一种特定的颜色来匹配品牌，并且每个三角形都应该根据每种颜色所代表的过程的百分比来“填充”。你几乎必须看到图像才能理解：
我绞尽脑汁了一天，试图弄清楚如何完成这项任务。客户已经指定它必须与所有主要浏览器兼容，为了保持理智，我将告诉他这将是IE7+。这在很大程度上限制了CSS3技术，尽管由于缺乏其他想法，我肯定会考虑使用CSS3方法。我不想在深夜敲打动作脚本，所以Flash在我的愿望清单中排
浏览 1提问于2011-05-27得票数 26
回答已采纳
我一直在用
chart.renderer.path(['M', 12, 0, 'L', 6, 12, 'L', 18, 12, 'Z']).attr({
'stroke-width' : 2,
'fill' : 'black',
'transform' : "translate(" + x + "," + y + ")"
}).add();
使用平移属性在图表上绘制三角形路径并
浏览 2提问于2013-01-31得票数 0
回答已采纳
2回答
这是CSS三角形的标准CSS：
display: inline-block;
vertical-align: middle;
content: " ";
border-right: 4px solid transparent;
border-left: 4px solid transparent;
border-top: 6px solid black;
width: 0;
height: 0;
它工作得很好，但它在OSX下的Firefox中使用像素化的边缘渲染。
幸运的是，Firefox有一个简单的解决方案！因此，让我们只应用边框样式：
border-style: soli
浏览 7提问于2014-05-22得票数 7
3回答
我正在使用以下.中提供的html和css
它在其他浏览器中运行良好，但在IE8.0中箭头没有正确显示。
这是由于缺少声明而没有出现在HTML文档中。不幸的是，我不能添加DOCTYPE声明，因为它会在现有的应用程序中断中造成很多事情。我只想知道是否可以在不添加DOCTYPE声明的情况下修复这个问题。
请帮帮我！
编辑:我发现了下面的css代码，可以在古怪的模式下完成三角形工作(某种程度上)
.wizard-steps .a-after{
BORDER-BOTTOM: transparent 12px dashed;
BORDER-LEFT: transparent 12px dashed;
浏览 8提问于2012-08-20得票数 0
4回答
我基本上是在尝试做一个“CSS-三角形”(你知道，在这个元素中，整个形状是用边框生成的)，但我想要的不是三角形形状，而是一个正方形，左边是圆角，右边是直角。
这在Chrome中很好，但是IE11在左上角创建了一个奇怪的伪制品。(底色椭圆形，圆角处)。真奇怪！)
有办法为IE11创建解决方案吗？
.RoundedElement {
width: 0;
height: 0;
border-top: none;
border-bottom: 50px solid transparent;
border-right: 20px solid #00a2d4;
position:
浏览 4提问于2015-05-06得票数 0
回答已采纳
我使用:after伪元素在div的底部绘制了一个尖角三角形。它可以像设计的那样工作。但是，当我为div添加不透明滤镜时，它在IE中停止工作(我正在IE8上测试它)。它在FF、Chrome和Safari中运行良好。
下面是HTML：
<html>
<head></head>
<body>
<div id="demo"></div>
</body>
</html>
下面是CSS：
#demo {
background-color: #333;
浏览 0提问于2010-12-16得票数 1
回答已采纳
以下代码仅在Chrome上获得所需的结果：
HTML：
<select multiple style="width:500px">
<optgroup class="outg" label="Swedish Cars">
<option>1</option>
<option>2</option>
<option>3</option>
</optgroup>
</select>
CSS：
.outg
浏览 1提问于2017-06-05得票数 2
1回答
下面是带有一个span项和一个三角形CSS伪元素的简单html。我希望三角形在每次点击旋转，首先旋转90度，然后点击回到原来的状态。
当切换类collapsed时，也应该应用collapsed::before，不是吗？
黄色(仅用于调试)，但三角形不是旋转的。
我遗漏了什么？
function collapseTree(el){
el.classList.toggle("collapsed");
}
.span1::before{
content: "\25B6";
color: black;
}
.collapsed::
浏览 3提问于2021-07-03得票数 0
回答已采纳
我试图使用CSS 作为边框颜色，使用:after内容生成CSS三角形。这在我尝试过的所有浏览器中都很有效，除了一个: Safari似乎是从它生成的第一个三角形中缓存currentColor，然后在任何地方使用它。
下面是我所看到的-- Chrome (以及Firefox和IE9+)的预期行为：
Safari8.0.4在Yosemite 10.10.2上的错误行为(在iOS 8.2上也是一样)-注意，所有三个三角形都是红色的，而不是元素的currentColor：
下面是演示这个问题的。相关的CSS：
span {
display: inline-block;
浏览 2提问于2015-04-01得票数 8
回答已采纳
我能够创建一个整洁的尖端流程图，如下所示：
然而，渲染在主要浏览器(Chrome、Firefox、IE)中并不一致。
对如何以更可靠的方式达到同样的效果有什么想法吗？
显然，我可以使用图像，但我更喜欢CSS，因为在CSS中编辑颜色更容易(而不是创建新图像)。
我不能只使用三角形字符，因为元素后面有纹理背景，所以我需要透明度。
浏览 1提问于2012-05-24得票数 2
回答已采纳
我知道要在CSS中创建一个基本箭头，我可以这样做：
<div class="arrow-button">
<span class="arrow-tip-container">
<span class="arrow-tip"></span>
</span>
</div>
然后我要做的就是旋转并定位容器，然后填充箭头和BAM!，在那里有一个可爱的箭头：。
但是，我想要一个箭头，它的尖端实际上是一个120°的角度，所以它是否有可能实现这种效果使用C
浏览 3提问于2012-12-20得票数 8
回答已采纳
4回答
我有这段代码，它显示了一个使用纯CSS的小三角形，它可以在所有现代浏览器上运行，包括IE8-IE9：
<html>
<head>
<style>
.arrow:after {
display: inline-block;
width: 0;
height: 0;
margin: 4px 0 0 4px;
vertical-align: top;
text-indent:-9999px;
浏览 0提问于2011-11-21得票数 2
回答已采纳
我想使用CSS :after属性在链接下添加一个图标(一个小三角形)，它在Chrome中有效，但在Firefox和IE中不起作用。这是用chrome表示的结果：
但在IE和firefox中，结果如下：
CSS代码：
li.ui-state-active > a:after {
width: 22px;
height: 19px;
position: absolute;
display:block !important;
left: 50%;
margin-left: -11px;
bottom: -19px;
z-index: 2;
content: '
浏览 2提问于2014-09-26得票数 1
1回答
我正试图使我的三角形在我的大学作业中围绕圆圈旋转，但我在使三角形响应时遇到了问题。
蓝紫色三角形应该在橙色方框内旋转，大小应该和其他形状一样有反应，但我的知识非常有限。
有办法把我的小三角挤进广场吗？
我很感激你的帮助.
body {
background-color: white;
}
svg {
position: absolute;
width: 100vw;
height: 100vh;
fill:white;
}
.box {
position: relative;
width: 30vw;
heigh
浏览 1提问于2021-11-30得票数 0
1回答
所以我在用css帮助一个朋友--比我想象的要难一些--五角大楼。
如果你打开，你就会发现，它只是用css完成的5个三角形，并旋转/对齐到它们正确的位置。
但我想给鼠标悬停一些动画。问题是，当你可以测试的时候，三角形是画出来的，但是它们的div仍然是矩形的，并且与其他div重叠。有没有办法解决这个问题，而不需要移动更远的三角形？
在中，对齐不像预期的那样工作。下面是jsfiddle中的代码
HTML
<body>
<div id="pentagontopleft" class="pentagon"></div>
<div
浏览 3提问于2013-11-19得票数 2
回答已采纳
4回答
网格形状图标
、、、
编写一个应用程序，使用CSS定义图标，避免依赖外部图像文件。这对圆，方形，三角形，钻石都很好，这几乎就足够了。
我想知道是否有可能使用CSS创建稍微复杂一些的图标，比如右边的两个网格形状的图标？它不需要支持IE8。
.icon {
height: 20px;
width: 20px;
background-color: steelblue;
display: inline-block;
}
.icon-circle {
border-radius: 10px;
}
.icon-square {
border-radius: 0
}
<div clas
浏览 2提问于2014-04-30得票数 2
回答已采纳
2回答
首先是小提琴：
我需要一个css三角形，只有一个边框的文字泡沫，背景应该是透明的。
代码：
HTML:<div class="arrow-up"> </div>
CSS：
.arrow-up {
position:absolute;
top:50px;
left:5px;
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 42px solid transparent;
border-top: 42px solid black;
浏览 0提问于2014-08-01得票数 2
回答已采纳
1回答
在FF & IE8 (在我的例子中)中，一个简单的剪切、粘贴和比较就会显示出我的问题。
这里有3个圆：
在FF中1和2重叠正常。在IE8中1和2不重叠是可以的。thing在两个浏览器中都发生了一个奇怪的三角形事件。
我的问题是，我怎么才能有3个实心圆，重叠呢？
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Canvas</title>
<!-- canvas fix for IE -->
<!--[if IE
浏览 4提问于2010-11-23得票数 0
所以我有以下两个三角形：
这些点被截断了，但我的代码实际上是这样的：
.navCaret {
position: relative;
float: right;
right: 5px;
top: 5px;
width: 0;
height: 0;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
border-left: 9px solid #ccc;
}
.navCaretOL {
position: relative;
float: right;
right: 9px;
top:
浏览 0提问于2017-04-28得票数 1
请参考下面的截图。
问题是:我在IE7中加载页面时打开了dev-tools。我注意到两个朝向页面底部的红色三角形没有放在它应该在的位置。一旦我点击页面内部的某个地方或关闭dev-tools，这些红色三角形就会自动正确定位。
红色三角形的位置是绝对的。我尝试了overflow:visible，zoom:1，border:1px solid transparent，认为这可能是ie7-重绘/重绘的问题，但没有帮助。
这是与相同布局相关的。
有没有人对IE7中的这种行为有任何线索，以及解决它的任何想法？
浏览 0提问于2013-11-01得票数 0
2回答
在火狐和IE中，当我使用带有:after伪选择器的CSS边框三角形解决方案时，边框看起来已经磨损了。请参见下图以进行比较：
这是来自Chrome和Firefox的。相关代码如下：
li.active::after {
content: "";
width: 0;
height: 0;
position: absolute;
bottom: -8px;
left: 40%;
border-style: solid;
border-width: 8px 10px 0 10px;
border-color: #FFF2
浏览 2提问于2012-11-30得票数 0
2回答
我正在尝试为标题导航创建一个css三位一体，我已经实现了，但它没有在IE中正确地呈现。
这是我创建的示例的工作Fiddle解决方案，我已经修复了这个位置，但是当我尝试在IE中运行时(目前我有IE11.0)，三角形被呈现为一个方形框，但是当我试图在Chrome和FF中运行它时，它工作得很好。
费德勒：
a:hover:after {
background: white;
border: solid black;
border-width: 1px 1px 0 0;
bottom: 0px;
浏览 3提问于2014-03-06得票数 0
回答已采纳
1回答
谁能告诉我如何向我的用户显示背景图像上的三角形。我想做一个三角形的UI。为此，我掩蔽了两个图像(一个是background.jpg，另一个是掩蔽图像triangle.png)。我在我的a div的背景中使用了这个新的图像。我已经使用实现了这一点。
但问题是，我的背景图像的大小改变了，但triangle.png的大小是固定的。我也尝试过使用线性渐变，css属性。但它在IE中不起作用。所以有没有任何插件可以屏蔽两个图像而不管它们的大小。或任何其他最佳方式来实现我的目标。
提前感谢:)
浏览 1提问于2012-09-26得票数 1
回答已采纳
我刚刚注意到一个只在IE10中发生的问题，它在IE9中起作用，而且我不能确切地说出正在发生的事情。我在我的站点上使用了很多rgba元素，IE10似乎都运行得很好。唯一的问题是处理这样的事情：
.links:before {
content: "";
border-left: 105px solid transparent;
border-right: 105px solid transparent;
border-bottom: 25px solid rgba(255, 255, 255, 0.77);
bottom: 0;
left: 0;
pos
浏览 3提问于2013-09-26得票数 1
回答已采纳
2回答
怎么摆脱这条线？
、、
我有一个非常具体的问题。
#条件
Internet Explorer \ Edge
在一定尺寸上
一张图片可以解释这一点：
我正在使用下面提到的绝对定位三角形上的CSS来创建箭头效果。图像在三角形中是可见的，并且这个解是我能找到的唯一的响应解。
然而，在IE中，一条底线正在显示？这似乎只存在于IE中(和往常一样)。
我已经创建了一个来测试这个问题，但是这个问题只会在垂直调整容器大小时显示出来。
箭头的CSS如下所示：
.image_text .arrow {
position: absolute;
bottom: 0;
width: 100%;
p
浏览 6提问于2017-02-21得票数 2
回答已采纳
5回答
如何使用CSS对角切割图像或容器的一部分？
需要切割的部分具有三角形的形状。
更具体地说:如果上面的图片是图像，蓝色部分应该被剪掉，而不是黄色。
html应该是：
<figure>
<img src="img_pulpit.jpg" alt="The Pulpit Rock">
</figure>
或者：
<div class="container">
content
</div>
从我自己的调查来看，有很多方法可以做到这一点，但大多数方法都很烦琐，所以寻找最好的方法。
浏览 5提问于2015-03-25得票数 20
回答已采纳
5回答
我试图在CSS中为一个学校项目创建一个循环菜单。
这就是菜单的样子：
我并不是在寻找完整的源代码，我只是想知道您有经验的开发人员将如何做到这一点。
我在考虑创建8个三角形，然后在中间放置一个位置绝对的圆形div；但是三角形，因为它们是用边界创建的，所以当您将它们悬停时，它们不是绝对可选的。有点小问题。
有没有可能在没有图像的情况下创建这个呢？
编辑：
菜单之后将使用jQuery动画；因此，我将使用jQuery和jQuery用户界面，但没有其他库和图像(反正我不需要图标)。至于兼容性，应该在IE9+ / Chrome / Opera 11.52+ / Firefox 4+上工作。
浏览 1提问于2012-05-28得票数 22
回答已采纳
1回答
利用css与滑块连接的三角形
、、、、
我用的是光滑的滑块，想要使滑块三角形成形。尝试使用css3斜
&__shape {
overflow: hidden;
position: absolute;
height: 100%;
transform: skewX(-55.98deg);
transform-origin: 100% 0;
transition: all 1s ease;
width: 100%;
div.is-zoom & {
transform: skewX(0deg);
}
}
见代码
这对于直角三角形很好，
浏览 1提问于2016-12-06得票数 1
回答已采纳
1回答
我有一个表，我做了一个类，在标题单元格的底部边缘放置一个三角形。看这里
除了ie8之外，它在所有方面都很完美。通过在线阅读，我发现ie8支持这些三角形，但是当我试图将它定位在单元格之外时，它就消失了。
有谁知道为什么会发生这种事，以及如何解决？
SASS：
.rds-promo-header{
color: #e3c02f !important;
position:relative;
&:before{
content:" ";
width: 0;
height: 0;
浏览 4提问于2015-03-19得票数 0
回答已采纳
3回答
我试图用CSS创建三角形样式形状，但是在边框上会出现一条黑线，如下所示。它只出现在Firefox中，而不是在Chrome或IE中。
是什么导致了这一切，以及如何解决这个问题？
这是我的密码：
HTML:
<div>
<h1>Hello</h1>
</div>
CSS:
div{
margin: 20px;
}
h1{
background: yellow;
padding: 30px;
position: relative;
color: #FFFFFF;
float: le
浏览 4提问于2013-02-24得票数 5
回答已采纳
2回答
如何创建包含IMG的DIV，其中DIV将图像剪切成三角形，从而通过三角形仅显示图像的一部分。
所以..。
<div>
<img src='some_image' />
</div>
其中图像是正方形，但包含图像的DIV是三角形。很好地解决了这个问题，除了这个解决方案不是x浏览器友好的(非ie)。
看起来很有趣，但是它依赖于PHP。
浏览 0提问于2011-04-16得票数 6
回答已采纳
1回答
这是一个真正的css挑战，我认为这是不可能的：
我做了一些白色的css三角形。当你将鼠标悬停在三角形上时，白色三角形应该会在照片中发生变化，照片也会像三角形一样裁剪。我为它做了一个jsfiddle：
感谢您的任何帮助
浏览 6提问于2013-07-14得票数 1
回答已采纳
想象一个完整的黑色网页。在这个网页上是一个100%大小的白色div，充满了整个页面。我想将这个div旋转-7度(或逆时针7度)。这将导致黑色背景在边缘的三角形中可见，就像您将一张纸放在桌子上并将其稍微向左旋转一样。
实际上，这可以用一些css来完成，而且工作得很好(IE除外)。
现在真正的问题是:我想在上面有一个普通的，非旋转的div元素来显示其中的内容，这样只有背景是旋转的。
反向旋转包含的div是行不通的，因为通过两次转换，文本在所有浏览器中都会变得模糊。
我怎么才能意识到这一点呢？最好的解决方案是在当前的Webkit浏览器、FF3.5+和IE7+上工作。如果只有IE8+，我也能接受。
浏览 0提问于2011-03-05得票数 0
3回答
我想用CSS创建空心三角形，但我不知道如何空心。我可以用CSS创建三角形，但是我有一个问题，就是:我不能空心这个三角形。
这是我的密码：
HTML:
<div id="tringle"></div>
CSS:
#tringle {
position: absolute;
height: 0;
width: 0;
top: 50%;
left: 7px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7
浏览 7提问于2013-09-04得票数 13
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
