小编nir*_*zul的帖子

我有一个图像,根据概述/详细状态更改其高度.它必须是背景图像,background-size: cover以确保容器始终被覆盖.

由于转换需要具有高效性,我认为除了在内部元素transform: scaleY(0.5)上使用包装元素和相应的转换之外别无其他方法transform: scaleY(2),即取消缩放效果.

在开始和结束时,数学是正确的.但是,过渡看起来是错误的.我准备了一个小小提琴来说明出了什么问题:

Codepen - Fiddle

正如您所看到的,即使是线性的,转换也不会完全相互抵消.我想有一个潜在的数学问题,但我似乎无法找到解决方案.

我有一个相当简单的设置,我想通过使用svg过滤器来改变s​​vg图像的颜色:

<svg style="height: 0;">
  <filter id="hover" color-interpolation-filters="sRGB"
          x="0" y="0" height="100%" width="100%">
    <feColorMatrix type="matrix"
                   values="
                           0 0 0 0 0
                           0 0 0 0 0.68
                           0 0 0 0 0.94
                           0 0 0 1 0
                           "
                   />
  </filter>
</svg>

<img style="-webkit-filter: url('#hover'); filter: url('#hover');" 
     src="https://upload.wikimedia.org/wikipedia/commons/8/81/Wikimedia-logo.svg" alt="" />

有关详细信息,请参阅随附的codepen.

它在firefox和chrome中工作,但我似乎无法在safari中找到问题.根据caniuse,支持应该没问题.

我正在建立一个漫画网站并实施了搜索.搜索最初使用图像标题...这工作正常:

if (strtolower($input)==strtolower(substr($row['title'],0,strlen($input)))) {

但现在我觉得很多人都不会记得这个头衔.所以我在数据库中添加了一个名为"keywords"的列,varchar [55] ...我的测试条目是字符串"five,second,rule,food,rules".我想我可以替换$row['title'],$row['keywords']搜索仍然有效.

如果我从字符串的开头开始搜索就行了,比如我输入"five,seco ......"但是如果我从字符串的中间开始,如"second"或"rule"等,则不行.

关于如何使这项工作的任何想法？

谢谢!