小编Mic*_*any的帖子

我在TD标签内有一个Textarea,我想将textarea宽度设置为100%,因此宽度与TD宽度相同.

我用过:

textarea{width:100%}

但它没有用.

任何人都有任何想法,为什么它不能正常工作？

谢谢

我无法让我的CSS 3按钮正常运行.您可以在我的一个项目页面上查看该按钮.问题是在:activeCSS选择器生效之前有一秒左右的延迟,使按钮稍微移动并改变阴影; 它之前没有这样做过.这是Sass代码:

@mixin transition($type, $time, $ease) {
  -webkit-transition: $type $time $ease;
  transition: $type $time $ease;
}

@mixin border-radius($length) {
  border-radius: $length;
  -webkit-border-radius: $length;
  -moz-border-radius: $length;
}

.project-download {
  color: #000300;
  background-color: #00910A;
  padding: 10px;
  position: relative;
  text-align: center;
  font-size: 24px;
  font-weight: bold;

  @include transition(background-color, 0.2s, linear);
  @include border-radius(10px);

  box-shadow:
    1px 1px 0 0 #014D06,
    2px 2px 0 0 #014D06,
    3px 3px 0 0 #014D06,
    4px 4px 0 0 #014D06,
    5px 5px 5px 0 #000000;

  -webkit-box-shadow: …

我正在尝试用纯 css重建它。而我已经做到了这一点。但是，正如您从 Flash 版本中看到的那样，当封面出现时，其他 div 会为悬停的 div 腾出空间。

我试图在 auto 上设置宽度并在该特定 div 上设置过渡属性，但没有运气。我还尝试在悬停之前将 div 的宽度设置为 0，并在悬停时将其设置为 300px，这确实有效，但它并没有真正设置动画..

这可能很简单，也可能不简单，但无论哪种方式，都能朝着正确的方向推动！

谢谢。

我有以下css布局(见下图)并想知道css是否支持动态子菜单(或者我是否需要jquery)？也就是说,当鼠标悬停在主菜单项Home/Menu 1/Menu 2上时,我想根据每个主菜单项动态更新下面的自定义子菜单.当然,当选择主菜单项时,子菜单项相应地粘贴.

谢谢!

我正在尝试重新创建一个像SVG中的推针一样的iphone地图,我将引脚部分放下,但我想知道如何处理阴影.我见过一堆投影示例,但它们只是将原始像素偏移几个像素.是否可以将变换矩阵应用于滤波器以使其偏斜？

这是迄今为止的pin SVG:

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
    <defs>
        <radialGradient id="SVGID_1_" cx="29.3623" cy="31.1719" r="11.6241" gradientTransform="matrix(1.1875 0 0 1.1875 -30.8438 -30.2812)" gradientUnits="userSpaceOnUse">
            <stop  offset="0.2637" style="stop-color:#FF0000"/>
            <stop  offset="1" style="stop-color:#6D0000"/>
        </radialGradient>
    </defs>
    <rect x="9.251" y="13.844" fill="#CCCCCC" stroke="#7C7C7C" width="2" height="24.83"/>
    <circle fill="url(#SVGID_1_)" stroke="#660000" cx="10.5" cy="11.5" r="9.5"/>
    <ellipse transform="matrix(0.8843 0.4669 -0.4669 0.8843 4.475 -1.6621)" fill="#FFCCCC" cx="6.591" cy="8.199" rx="1.538" ry="1.891"/>
</svg>

谢谢!

我有以下SVG代码:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="50%" height="50%">
<defs>
    <radialGradient id="star_grad">
        <stop offset="0%" style="stop-color: #faf589;"/>
        <stop offset="50%" style="stop-color: #fbf300;"/>
        <stop offset="100%" style="stop-color: #fbbc00;"/>
    </radialGradient>

    <filter id="star_filter">
        <feTurbulence baseFrequency=".04" result="ripples" />
        <feMerge>
            <feMergeNode in="SourceGraphic" />
            <feMergeNode in="ripples" />
        </feMerge>
    </filter>
</defs>

<circle cx="50%" cy="50%" r="25%" style="fill: url(#star_grad); filter: url(#star_filter);" />

而且我得到了我想要的大部分内容但由于某种原因我无法弄清楚如何将滤镜应用于圆圈 - 它总是将它应用于边界框加上10%.我可以诉诸裁剪但更愿意学习如何仅将滤镜应用于我想要影响的形状......

注意它不必合并,我已经尝试过复合,运气也不多 - 我只想要一种最有效的方法将滤镜应用到没有剪裁的形状 - 如果可能的话.

如何检测刚刚在JavaScript中完成的CSS动画？

最终需要是重新触发CSS动画.由于我们的HTML层次结构,我们不希望检查元素的类,而是仅在特定动画结束时才采取操作.如果您的方法允许在不删除/添加课程的情况下重新触发动画,请告诉我们.

否则...我们的代码:

    page.find( '.button.letter' ).on( 'webkitAnimationEnd', function() {
        $( this ).removeClass( 'tap_animation' );

        console.log( 'Hi: ' + this.style.webkitAnimationName );

        if ( !write_mode() ) {
            do_write( this );
        }
    });

this.style.webkitAnimationName始终返回空字符串.

我们做错了吗？

我们需要WebKit浏览器的代码,特别是Mobile Safari.

谢谢!

我有一个基于Sencha Touch v2.0.x的项目,我正在使用Sencha Architect 2.0进行研究.现在,我已经更新煎茶建筑师到2.1,并想更新我的项目使用煎茶触摸2.1.x的.我怎样才能做到这一点？有某种转换器吗？

我正在尝试将高斯模糊应用于具有一些包含某些内容的子节点的元素.

对于Chrome我在应用风格中做了:

    -webkit-filter: blur(2px);

Firefox不支持此功能.firefox支持的是将SVG应用于元素.知道了这一点,我搜索谷歌的例子,他们将解释如何使用SVG将高斯模糊应用于元素.我发现这个例子与此演示.

我酿造了以下CSS:

    #div-with-content{
        -webkit-filter: blur(2px);
        filter: url('#blur');
    }

并将其放入相应的HTML文件中:

    <svg:svg>
        <svg:filter id="blur">
            <svg:feGaussianBlur stdDeviation="2"/>
        </svg:filter>
    </svg:svg>

但是当我去测试页面时,我看到它div-with-content已经不存在了.它已经消失了.每次我删除它的模糊样式div-with-content再次出现.

任何人都可以帮我解决这个问题,我真的在我的知识范围内尝试了一切.

我从 svg 文件中得到了以下 svg 过滤器：

   <defs>
      <filter height="300%" id="blurfilter" width="300%" x="-1" y="-1">
         <feGaussianBlur result="blurOut" stdDeviation="2.0" />
         <feColorMatrix in="blurOut" result="blurOut2" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .4 0" />
         <feOffset dx="4.0" dy="4.0" in="blurOut2" result="blurOut3" />
         <feBlend in="SourceGraphic" in2="blurOut3" mode="normal" />
      </filter>
   </defs>

使用 d3.js 实现它的正确方法是什么？

我尝试下面的代码，但看起来不正确：

 svg.append('defs')
    .append('filter')
    .attr('width','300%')
    .attr('id','blurfilter')
    .attr('x',-1)
    .attr('y',-1)
    .append('feGaussianBlur')
    .attr('result','blurOut')
    .attr('stdDeviation',2.0)
    .append('feColorMatrix')
    .attr('id','blurOut')
    .attr('result','blurOut2')
    .attr('type','matrix')
    .attr('values','0 0 0 0 0 0 0 0 0 …