Tag: 渐变

IE9边界半径和背景渐变出血: IE9显然能够通过使用border-radius的CSS3标准定义来处理圆angular。那么支持边界半径和背景渐变呢？是的IE9是分别支持他们，但如果你混合两个梯度stream血圆angular。我也看到阴影在一个带有圆angular的盒子下面显示为一条黑色的阴影。以下是IE9中显示的图像：我该如何解决这个问题？

如何在android中制作渐变背景: 我想创build如图中的渐变背景。但它不能因为中心而展开覆盖底部和顶部。我怎样才能使背景如下图所示？或者我怎样才能让小ceterColor不扩散？你有什么想法吗？这是我想要的背景。这是我做的背景。这是上面的背景button的XML代码 <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" > <gradient android:startColor="#6586F0" android:centerColor="#D6D6D6" android:endColor="#4B6CD6" android:angle="90"/> <corners android:radius="0dp"/> </shape>

具有渐变的CSS3animation: 是否真的没有办法用CSSanimation渐变背景？就像是： @-webkit-keyframes pulse { 0% { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(196,222,242)), color-stop(0.5, rgb(242,242,242)), color-stop(1, rgb(240,240,240))); } 50% { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(222,252,255)), color-stop(0.5, rgb(242,242,242)), color-stop(1, rgb(240,240,240))); } 100% { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(196,222,242)), color-stop(0.5, rgb(242,242,242)), color-stop(1, rgb(240,240,240))); } } 我知道，Safari 5.1+和Chrome 10+有一个新的渐变语法，但现在，我必须坚持使用旧的这个项目。

Android：使用线性渐变作为背景看起来是绑定的: 我正在尝试将线性渐变应用于我的ListView。这是我的drawable xml的内容： <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <gradient android:startColor="#3A3C39" android:endColor="#181818" android:angle="270" /> <corners android:radius="0dp" /> </shape> 所以我把它应用到我的ListView： android:background="@drawable/shape_background_grey" 它的工作，但它看起来非常“绑定”在仿真器上，在一个真实的设备上。有什么办法可以减less这种“行为”？

JTable如何更改BackGround颜色: 我启发了MeBigFatGuy有趣的问题，在这个连接我有非常具体的问题关于Graphisc2D ，如何改变BackGround Color依赖如果JViewPort可见， 1）如果1st. & last JTables Row 1st. & last JTables Row的JViewPort在JViewPort可见，然后BackGround将被着色为Color.red 2）如果1st. & last JTables Row 1st. & last JTables Row JViewPort BackGround不会在JViewPort可见，那么BackGround将被着色为Color.whatever 来自SSCCE import java.awt.*; import java.awt.event.ActionEvent; import java.awt.image.BufferedImage; import javax.swing.*; import javax.swing.RepaintManager; import javax.swing.event.ChangeEvent; import javax.swing.event.ChangeListener; import javax.swing.table.TableModel; /* https://stackoverflow.com/questions/1249278/ how-to-disable-the-default-painting-behaviour-of-wheel-scroll-event-on-jscrollpan * and * https://stackoverflow.com/questions/8195959/ swing-jtable-event-when-row-is-visible-or-when-scrolled-to-the-bottom */ public class ViewPortFlickering […]

Internet Explorer 9中的渐变: 有谁知道IE9内的渐变供应商前缀还是我们仍然应该仍然使用他们的专有filter？我得到的其他浏览器是： background-image: -moz-linear-gradient(top, #444444, #999999); /* FF3.6 */ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #444444),color-stop(1, #999999)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999')"; /* IE8 */ 作为奖金有人知道Opera的供应商的前缀呢？

在身上设置的CSS3渐变背景不伸展，而是重复？: 确定说<body>内的内容总计300px高。如果我使用-webkit-gradient或-moz-linear-gradient设置我的<body>的背景然后，我最大化我的窗口（或使其高于300像素）渐变将正好300px高（内容的高度），只是重复填补窗口的其余部分。我认为这不是一个错误，因为它在webkit和壁虎都是一样的。但有没有办法让梯度拉伸填补窗口，而不是重复？

多梯度形状: 我想创build一个如下图所示的形状：注意从颜色1到颜色2的上半部分渐变，但是从颜色3到颜色4渐变的下半部分渐变。我知道如何用单个渐变制作一个形状，但是我不确定如何将一个形状分割为两半，并使1形状与2个不同的梯度。有任何想法吗？

CSS3透明度+渐变: RGBA是非常有趣的，所以是-webkit-gradient ， -moz-gradient和呃… progid:DXImageTransform.Microsoft.gradient …是的。 🙂 有没有办法将RGBA和渐变这两者结合起来，以便使用当前/最新的CSS规范来实现alpha透明度的渐变。

使用渐变背景的CSS3转换: 我试图转换hover与CSS缩略图，以便hover时，背景渐变淡入。转换不工作，但如果我只是将其更改为rgba（）值，它工作正常。渐变不被支持？我也尝试使用一个图像，它也不会过渡的形象。我知道这是可能的，因为在另一个post有人做了，但我无法弄清楚究竟如何。任何帮助>这里有一些CSS可以使用： #container div a { -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; position:absolute; width:200px; height:150px;border: 1px #000 solid; margin:30px;z-index:2 } #container div a:hover { background:-webkit-gradient(radial, 100 75, 100, 100 75, 0, from(rgba(0,0,0,.7)), to(rgba(0,0,0,.4))) }