2回答
我已经创建了CSS梯度，它表示标尺。梯度是通过JS生成的。
问题所在
生成的尺子是OK的。当用户调整窗口大小时，问题就开始了。你可以在片段里试试这个。看来，渐变一旦呈现就会被严重缓存，因此在适应父级宽度变化方面存在问题。一些渐变线正在消失，有些正在改变它们的宽度。这个问题涉及到Chrome和Firefox。我尝试过的所有解决方案都只在Fx上测试过。我没有检查其他浏览器。
片段
片段开始呈现得很糟糕(因为它的性质，它在网站上按预期工作)，但是调整窗口仍然是问题。
.ruler {
height: 20px;
background-image: linear-gradient(to r
浏览 5提问于2017-07-16得票数 0
2回答
我试图转换成白色或透明的一些矩形区域在下面的图像。
我可以使用下面的命令使用ImageMagick实现它，该命令首先生成所需的透明颜色，最后用“否定式”将其余的颜色转换为黑色。
convert input.png \
-transparent '#4B8DF8' \
-transparent '#27A9E3' \
-transparent '#2295C9' \
-transparent '#E7191B' \
-transparent '#C91112' \
-transparent '
浏览 4提问于2020-09-11得票数 0
回答已采纳
1回答
这里有一段代码，我试图用jquery获取从1开始的总列表项，并找到哪个索引slideshow_currentView类。
例如，我有38个条目，slideshow_currentView在条目7上，我想显示7/ 38，我在jquery上是全新的，只是想知道这是否可能？
<div class="slideshow_pagination" style="display: block;">
<div class="slideshow_pagination_center">
<ul>
<li class="
浏览 1提问于2013-11-12得票数 0
回答已采纳
我知道使用生成许多CSS类是可能的。我亲自使用这个技巧来回答另一个。
现在我要面对以下代码：
@transparent-black-10: fade(@nero, 0.1);
@transparent-black-20: fade(@nero, 0.2);
@transparent-black-30: fade(@nero, 0.3);
@transparent-black-40: fade(@nero, 0.4);
@transparent-black-50: fade(@nero, 0.5);
@transparent-black-60: fade(@nero, 0.6);
@transp
浏览 3提问于2015-03-16得票数 3
回答已采纳
2回答
我试图在我的页面上实现一个“信封边框”效果。
基本上，这与代码页中的内容相同：
.box {
padding: 1em;
border: 16px solid transparent;<br>
border-image: 16 repeating-linear-gradient(-45deg, red 0, red 1em, transparent 0, transparent 2em, #58a 0, #58a 3em, transparent 0, transparent 4em);
max-width: 20em;
font:
浏览 0提问于2016-11-14得票数 1
回答已采纳
3回答
我做了一个SVG椭圆，里面有正方形，我试图在鼠标悬停时给方块着色，我试着下棋，但什么都没发生，我在这里搜索，但没有找到答案，希望你们能帮我！
.elips:hover{
fill: #fce57e;
}
也许你们知道该怎么做。
这是我的SVG椭圆：
<svg id="cvg" height="520" width="1200" style=";z-index: 101;">
<line id="0" x1="70" y1="290&
浏览 1提问于2015-09-17得票数 1
回答已采纳
1回答
.项目-日期时间-离子-日期时间
当您单击离子日期时间标记时，它会对父离子项标记产生背景效应(不工作！重要)。
.item-datetime {
--ion-item-background-activated: transparent;
--ion-item-background: transparent;
--ion-item-background-focused: transparent;
--ion-item-background-hover: transparent;
--ion-item-background-activated: trans
浏览 3提问于2020-07-04得票数 0
1回答
CSS优化问题
、、
我找到了一个css条纹和平铺组合，我真的很喜欢。问题是，这会让一切变得非常非常缓慢。我想知道，我是否应该使用什么技术来使这个css更加优化？还是技术本身太苛刻了？
我用。
.head {
.stripes;
.angled;
}
.stripes {
-webkit-background-size: 50px 50px;
-moz-background-size: 50px 50px;
background-size: 50px 50px; /* Controls the size of the stripe
浏览 1提问于2012-06-14得票数 2
我有下面的div标签列表，我想从第三个div标签中选择文本'Entry‘。
<DIV class=menuLink style="BORDER-TOP-COLOR: transparent; BACKGROUND: #dcdfec; WHITE-SPACE: nowrap; BORDER-LEFT-COLOR: transparent; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent">Start Call</DIV>
<DIV class=menuLi
浏览 0提问于2019-04-25得票数 0
如何在TinyMCE编辑器中设置用户选择的/突出显示的文本的背景？我不想要蓝色背景和白色前景的默认选择风格。我怎么才能改变呢？这些是我在content.css主题文件的TinyMCE文件中绝望的尝试，但它们不会带来任何改变！
.mceContentBody::-moz-selection { background: transparent !important; }
.mceContentBody::selection { background: transparent !important; }
.mceContentBody::-webkit-selection { backgro
浏览 4提问于2013-06-08得票数 2
回答已采纳
我一直想拆开一个组合框。基本上，我希望它完全透明，只有文字和箭头显示。我做到了以下几点：
.agent-status-combo .arrow-button, .agent-status-combo .arrow-button:hover {
-fx-background-color: transparent, transparent, transparent, transparent;
}
.agent-status-combo, .agent-status-combo:hover, agent-status-combo:focused, .agent-status-combo:sh
浏览 0提问于2018-09-25得票数 1
回答已采纳
1回答
我是个十足的新手。我必须使用一个模板的网页设计课程，我正在参加。我试图删除一个div的背景色，但不能这样做，除非我删除了我放置的标题PNG。巴布亚新几内亚的背景是透明的。
这是一个指向模板的链接：
感谢您的帮助，谢谢！
header {
background-color: transparent;
background: transparent;
}
.header {
background-color: transparent;
background: transparent;
}
.grid-container {
backg
浏览 2提问于2021-12-12得票数 0
2回答
我最近发现一个边框颜色的问题。
border-color: inherit //work
border-color: inherit transparent //fail
border-color: transparent inherit //work
border-color: inherit transparent transparent //fail
border-color: inherit transparent transparent transparent //fail
为什么这些“第一值继承”边框颜色失败了？
浏览 1提问于2015-01-17得票数 3
回答已采纳
2回答
下面的代码工作得很好，但是我想用更高效的方法来改变.animate效果。我不想要css的过渡，但一些东西移动div而不显示运动。我需要“立即”去做。
$(document).on("click",".box",function(){
var transparent = $(".transparent");
var transparent_left = transparent.offset().left;
var transparent_top = transparent.offset().top;
var box
浏览 1提问于2016-11-29得票数 2
回答已采纳
如何删除氧化图线性轴线(如图所示的黑色边框线)。 我尝试使用以下代码隐藏轴线的可见性，但这些线仍然可见 代码： modelP2.Series.Add(seriesP2);
modelP2.Axes.Add(new LinearAxis() { Position = AxisPosition.Bottom, IsAxisVisible = false, AxislineStyle = LineStyle.None, MinorTicklineColor=OxyColors.Transparent, ExtraGridlineColor =OxyColors.Transparen
浏览 5提问于2019-01-02得票数 0
回答已采纳
1回答
我正在使用进度圆圈，它使用数据属性来确定圆圈应该填充的距离。该属性是我想要更改的数字。 现在让我们假设圆周是50%。我希望一旦用户点击我的页面上的某个点(假设是一个ID)，这个圆圈就会一直填满到100%。也许jQuery可以做到这一点？ 期待您的回复。 谢谢，杰瑞 .progress-circle {
background-color: #ddd;
border-radius: 50%;
display: inline-block;
height: 15rem;
margin: 4rem 2rem 0;
position: relative;
width: 1
浏览 53提问于2019-06-05得票数 3
3回答
我有一个有四个div的容器。所有内部的div都有绝对的位置和相同的大小。当我添加边框而不是圆形时，我收到了某种切片蛋糕：
这个空间是从哪里来的，为什么？
.container {
position: relative;
background: black;
width: 250px;
height: 250px;
margin: auto;
padding: 50px;
}
.container > div {
position: absolute;
content: '';
border-width: 50p
浏览 27提问于2017-06-27得票数 3
回答已采纳
1回答
我试图动画旋转金色光线的灯光，下面的图像是实现的布局使用html和css，但当我试图添加一个旋转动画，似乎布局削减一半。下面的代码片段是我的尝试。任何帮助，想法都是非常感谢的。
@import('https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css');
body {
background: #ededed;
padding: 64px 0;
font-family: Roboto, sans-serif;
font-
浏览 2提问于2020-03-15得票数 0
回答已采纳
到目前为止我已经试过了。
body {
margin:0;
padding:20px;
background-color: #000;
}
.mobil-menu__icon {
height: 50px;
width: 50px;
background:
linear-gradient(to bottom, #fff 0%, #fff 20%, transparent 20%, transparent 100%),
linear-gradient(to bottom, transparent 0%, transparent 40%,
浏览 0提问于2019-07-03得票数 1
回答已采纳
是否有一种简单的方法来修改这个php：
function cycleCols() {
$p = "transparent;";
$s = "#efefef;";
static $lastColour;
$lastColour = ($lastColour == $p) ? $s : $p;
return $lastColour;
}
让它像这样循环：
transparent;
transparent;
#efefef;
#efefef;
transparent;
transparent;
#efefef;
#efefef;
浏览 3提问于2016-04-03得票数 0
回答已采纳
3回答
如何删除文本输入md下面的默认行。
我已经尝试了下面的所有这些，但“默认”样式仍然保留了这一行。
$text-input-md-highlight-color: "transparent";
$text-input-md-highlight-color-invalid : "transparent";
$text-input-md-highlight-color-valid : "transparent";
$text-input-md-background-color : "transparent";
$text-in
浏览 0提问于2017-02-15得票数 12
回答已采纳
当我在CSS中使用conic-gradient作为背景时，我遇到了一个奇怪的故障。下面的片段应该有36个硬边辐条(72个计算透明的)，但其中一些没有渲染。
我对其中的一些进行了着色，并对CSS进行了格式化，以使其脱颖而出。在某种程度上，它应该显示:橙色，蓝色，红色，黄色，紫色。然而火狐只显示:红色、紫色。铬显示:蓝色，红色，黄色，紫色。
火狐只有当我把颜色停止的次数减少到32的时候才能正确地呈现，但是Chrome的渲染仍然是错误的。
这里怎么回事？太多的色站让conic-gradient不能这样使用吗？
body {
width: 10rem;
height: 20rem;
浏览 2提问于2022-07-10得票数 1
回答已采纳
我有一个看起来像hr行的div。这些样式只在Firefox中有效。
我创建了一个提琴：
<mydiv> </mydiv>
mydiv {
background-image: -webkit-gradient(linear, left center , transparent, rgba(0, 0, 0, 0.1), transparent);
background-image: -moz-linear-gradient(left center , transparent, rgba(0, 0, 0, 0.1), transparent);
back
浏览 1提问于2013-08-31得票数 2
1回答
IOS上的径向渐变创建视觉伪影
、、、、
如图所示，径向渐变产生视觉伪影，我将其用作遮罩来产生类似ios的效果。
background:-webkit-radial-gradient(transparent 0%,transparent 30%,white 32%);
background:-o-radial-gradient(transparent 0%,transparent 30%,white 32%);
background:radial-gradient(transparent 0%,transparent 30%,white 32%);
浏览 0提问于2021-06-07得票数 0
1回答
见此处：
下面是相关的HTML和CSS：
<div class="header"><h1>This is a header</h1></div>
.header{
color:white;
background-color:#2B3A48;
text-align:center;
height: 100px;
position: relative;
border-right: 5px solid rgba(0, 0, 0, 0);
border-left: 5px solid
浏览 2提问于2013-12-02得票数 1
回答已采纳
1回答
我正在尝试创建一个类似于进度条的可拖动条。在页面加载时，条形图将是一个预定的百分比，比如说42%，有没有办法让这个条形图也可以拖动？下面是html：
<div class="reviewAttn_bar"><span id="resizable" style="width:42%"></span></div>
我使用的jquery是：
$(function() {
$( "#resizable" ).resizable({ handles: 'e' });
})
浏览 3提问于2013-05-23得票数 2
回答已采纳
2回答
我试图在一些<divs>后面放置一个网格模式，如下面()所示：
<div id="parent">
<div id="childA"></div>
<div id="childB">
hello
</div>
</div>
下面是CSS：
body {
background:
linear-gradient(-90deg, rgba(0, 0, 0, .03) 1px, transparent 1px
浏览 1提问于2015-09-18得票数 0
回答已采纳
1回答
动画:之前不能正常工作。
、、、
问题
我想用css动画来动画a：：以前，但是它一直在失败。通常，动画完成后会保存动画的状态(如果我将它设置为转发的话)。然而，这一次它没有。知道为什么它不起作用吗？
出于某种原因，它也在窃听.我希望它是一个三角形填充，让它折叠一个然后是一个三角形的底部向上，所以这样的东西：
应该发生什么
第一阶段:更多的国家、国家、地区、国家、地区、国家、金融、金融等领域的商业银行。
50%的动画：─
目的:目的:更多的目的
应该是什么样子的图画(将白色改为橙色，以使图像中可见的差异)
我的代码
我的动画(参见整段代码)
@-webkit-keyframes animateEnvelope {
浏览 0提问于2017-02-23得票数 2
回答已采纳
1回答
我试图使表格排在相同的高度，但里面的表格比其他行的高度要小。当每个表数据的长度发生变化时，该位置将发生变化。有没有办法让表格的行高保持在同一水平？
高度: 100%不工作，我也尝试了填充-底部:0。但还是不起作用。
<tbody>
<tr>
<td>TARGET_19283612</td>
<td style="padding-left: 1rem">John Doe<br>
399 Briarhill Lane <br> Akron OH 44307<b
浏览 0提问于2019-07-04得票数 0
3回答
我想在上重建背景图案，想知道是否可以通过CSS渐变来实现？
我已经设法做了正方形，但添加虚线被证明是麻烦的。
background-color: #16A6DA;
background-image: linear-gradient(0deg, transparent 24%, rgba(255, 255, 255, .05) 25%, rgba(255, 255, 255, .05) 26%, transparent 27%, transparent 74%, rgba(255, 255, 255, .05) 75%, rgba(255, 255, 255, .05) 76%,
浏览 3提问于2014-11-21得票数 1
1回答
css中伪元素前后的问题
、、、
目前，我正在尝试制作一个环绕链接的动画边框，但是一旦我将鼠标悬停在鼠标上，动画只对伪元素的一个实例工作，而不是两者都工作。写在其他作品上面的实例。
我不知道这有什么问题，因为我也找不到问题。两个伪元素都得到了内容集，我不知道到底出了什么问题。
这是代码
nav a {
text-decoration: none;
color: white;
width: 100px;
height: 50px;
padding: 25px;
position: relative;
}
nav a::before {
content: ""
浏览 0提问于2020-05-14得票数 0
回答已采纳
2回答
我正试着像这样对进度条进行编码。
(第一个带条纹的)
问题解释
当我编辑我的进度条(我自己的颜色，宽度，删除动画等)看上去不是光滑的，而是锯齿状的。
这是截图：
以下是现场预览：
HTML代码：
<div class="col-2"><div class="progress-bar blue stripes">
<span style="width: 60%"></span>
</div>
</div>
CSS代码：
.progress-bar {
浏览 4提问于2013-08-30得票数 1
我想要这个效果
现在我有一个
有人能像本地android一样对其进行编码以刷新布局吗？
参见下面的代码(与CodePen示例相同)
<html>
<body>
<div class="preloader"></div>
</body>
</html>
CSS
.preloader {
height: 5px;
width: 100%;
}
.preloader {
background-size: 100px 100px;
background-image: -m
浏览 2提问于2014-08-09得票数 0
回答已采纳
2回答
我有很多这样的代码行，以及如何减少这些行。也请解释一下你的代码。如果有任何简单的方式来写这样的逻辑代码，请张贴链接。
$(function () {
$("#menu1").click(function () {
$(this).css({"background-color": "rgba(255, 255, 255, 0.4)"});
$("#menu2").css({"background-color": "transparent"});
$("#menu3&
浏览 0提问于2014-06-03得票数 0
我试图按name字段对对象数组进行排序，但是排序是错误的。
我收到的订单是1，10，11，2，20，21，3。
而不是1，2，3，.10、11、20、21
它正在排序，但排在第二位前十位。
这是我目前正在使用的代码。
const arr = [
{
"name": "Action 10",
"color": "transparent",
"type": "components"
},
{
"
浏览 9提问于2022-03-31得票数 1
3回答
目前整件事都是红色的。
我如何使这个渐变，一半左边红色，一半蓝色？
这就是我在代码中所要做的。
div {
width: 640px;
height: 340px;
background:
linear-gradient(45deg,
transparent,
transparent 7px,
red 7px,
red 7.5px,
transparent 7.5px,
transparent 10px),
linear-gradient(-45deg,
浏览 4提问于2022-10-28得票数 1
回答已采纳
1回答
嗨，谢谢你读我的文章。我试图在一个闪闪发亮的应用程序中改变这一行的颜色，但不确定如何做到这一点：
我使用以下代码：
ui <- fluidPage(sidebarLayout(
sidebarPanel(
selectInput("controller", "Controller", choices = 1:3)
),
mainPanel(
tabsetPanel(id = "inTabset",
tabPane
浏览 5提问于2022-05-18得票数 0
回答已采纳
我试图使多个CSS形状拥抱彼此。在谷歌上，我发现的唯一建议是我应该使用内联块。然而，我似乎不能让它像我想要的那样工作。虽然它允许互相拥抱的形状，但它似乎不允许形状拥抱元素之上和下面。
例句:如果我想用三角形做二进制人的话：
.r_tleft {
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 25px 25px;
border-color: transparent transparent #007bff transparent;
display: inline-block;
}
.r_trig
浏览 3提问于2017-09-05得票数 1
回答已采纳
1回答
箭头在这个函数中做什么？
、、、、
这个作业与mupl (一种由编程语言组成的语言)有关。mupl程序是通过使用以下结构定义的构造函数直接用Racket编写的：。
(provide (all-defined-out)) ;; so we can put tests in a second file
;; definition of structures for MUPL programs - Do NOT change
(struct var (string) #:transparent) ;; a variable, e.g., (var "foo")
(struct int (num) #:tr
浏览 3提问于2021-10-20得票数 1
回答已采纳
2回答
我希望在不使用图像的情况下，使用CSS3和HTML5纹理技术得到准确的结果。
这是HTML
<div id="overlay"></div>
<div id="lines"></div>
和CSS
body {
background: #45484d;
z-index:-5;
}
#lines {
background-size: 20px 20px;
background-image: -webkit-repeating-linear-gradient(0deg, #
浏览 0提问于2013-01-27得票数 3
回答已采纳
1回答
这是我之前放弃通过进度条让类似的东西工作后的代码。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Slider Bars</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<sc
浏览 2提问于2013-06-07得票数 0
回答已采纳
线性渐变适用于除IE8以外的所有浏览器。
我补充说，progid:DXImageTransform.Microsoft.gradient...this确实给了它一些梯度，但是预期的结果是不同的。
代码：-
div{
height:500px;width:500px;
background-size: 50px 50px;
background-color: #DDEEEE;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
backgrou
浏览 0提问于2013-06-14得票数 6
我做了一个线性动画效果，使“点击进入”字样周围的边框具有动画效果。当我试图将单词设置为超链接时，它只能在我刷新页面后的几秒钟(动画开始之前)起作用。稍后，当我将鼠标悬停在这些单词上时，没有指向另一个页面的超链接。 下面是动画的代码： .center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
p {
position: relative;
color: black;
margin: 0;
font-size: 70px;
border:
浏览 50提问于2018-12-22得票数 1
回答已采纳
2回答
我需要使每个图像称为transparent.png脉动(或fadein，fadeout)连续3次在彼此之后，而不是在同一时间，它现在做。
transparent.png位于每幅图像的顶部，并给出了淡出效果。
我用：
jQuery 1.7.2jQuery UI 1.8.21
这是我的代码：
jQuery('.transparent').each(function(index) {
jQuery(this).effect("pulsate", {times:3}, 1000);
});
<div id="content">
浏览 2提问于2012-06-20得票数 1
回答已采纳
如何将"navMenu__logo .transparent“分配给toggleClass？如果我注释掉它，它将与.transparent类一起工作。
$(document).ready(function(){
$( ".navMenu__logo" ).click(function() {
$( this ).toggleClass( "transparent" );
});
});
.navMenu__logo .transparent {
opacity: 0.1;
}
浏览 2提问于2019-03-04得票数 1
回答已采纳
1回答
我现在要做的是让我的COLLADA进口商开发一些透明的COLLADA模型。模型混合由指定，在charapter 7段中，“呈现/确定透明度”。
简而言之，混合方程有两个输入: Trasparent和Trasparency；前者可以是RGBA颜色或纹理，后者可以是浮点值。此外，透明可以指定两个混合方程(ColladaFxOpaqueType.AlphaOne和ColladaFxOpaqueType.RgbZero)：
以下是两个混合方程：
// AlphaOne
//
// result.r = fb.r * (1.0f - transparent.a * transparency) + ma
浏览 0提问于2012-08-21得票数 0
我正在尝试定制ProgressDialog样式来拥有类似这样的东西：
我所拥有的：
我知道如何更改微调器的样式和颜色，但我不知道的是:如何创建圆角，我尝试使用android:radius属性，但没有任何更改，我不知道如何减少padding。也许我可以通过编程来实现？
<style name="TransparentProgressDialog" parent="android:Theme.Holo.Dialog">
<item name="android:alertDialogStyle">@s
浏览 4提问于2016-02-05得票数 0
1回答
我有两种不同的jquery效果，我想要应用于表单单选按钮，一边是按钮的悬停效果，另一边是选定单选按钮的背景颜色更改。代码如下：
对于悬停：
$(".label_radio").hover(function () {
$(this).css("background-color", "silver");
},function () {
$(this).css("background-color", "transparent");
});
对于所选项目：
$("#uno").click(f
浏览 1提问于2013-05-16得票数 0
回答已采纳
与在红帽布奇拉-- 使用100% cpu的kcompacd0 0中发布的相同，这是对INSUFFICIENT_DATA关闭的。
也和
Linux主机上的VMware会导致定期结冰。
因而变得没有响应。
重新打开因为解决方案对我不管用。
以下是我的情况：
Ubuntu 21.10主机和Windows 10企业客户端，VMware工作站16 v16.2.0 build-18760230
我没有做任何花哨或繁重的工作，仅仅在Windows 10正常使用一天(轻负荷)之后，事情就开始变得疯狂起来。
进程kcompactd0经常在一个核上使用100%的cpu，而vmware-vmx在八个核上使用100%
浏览 0提问于2021-11-30得票数 10
回答已采纳
2回答
这是我的代码：
li a:before {
transition: all 0.2s ease-in-out;
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 11px 5px 11px 0;
border-color: transparent #d9d9d9 transparent transparent;
position: absolute;
left: -5px;
top: 0;
}
<ul>
浏览 4提问于2017-03-14得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
