我的html代码中有这个简单的提交按钮外观

<input type="submit" name="pay now" value="pay" />

我希望使提交按钮看起来像这样

<a href="#"><img src="images/shopping-cart/check-out-btn.png" border="0" /></a>

但应坚持其提交类型

怎么做 ？

我正在使用罗盘来生成精灵图像.我有很多精灵图标,它产生了太多的CSS代码(背景图像的类选择器太多).所以让我们分析罗盘精灵代码:

你可以在这里看到http://compass-style.org/help/tutorials/spriting/

@import "my-icons/*.png";
@include all-my-icons-sprites;

会产生:

.my-icons-sprite,
.my-icons-delete,
.my-icons-edit,
.my-icons-new,
.my-icons-save   { background: url('/images/my-icons-s34fe0604ab.png') no-repeat; }

.my-icons-delete { background-position: 0 0; }
.my-icons-edit   { background-position: 0 -32px; }
.my-icons-new    { background-position: 0 -64px; }
.my-icons-save   { background-position: 0 -96px; }

如果你看到我用这种方式: <div class="my-icons-sprite my-icons-delete"></div>

我希望Compass生成这段代码:

.my-icons-sprite { background: url('/images/my-icons-s34fe0604ab.png') no-repeat; }

.my-icons-delete { background-position: 0 0; }
.my-icons-edit   { background-position: 0 -32px; }
.my-icons-new    { background-position: 0 -64px; }
.my-icons-save   { background-position: 0 -96px; }

除了每个新图像,它还会添加背景和背景位置.引起太多选择者.

有配置吗？

谢谢

考虑以下代码:

HTML:

<div>
    <img src="http://placehold.it/600x150" />
</div>

CSS:

div { max-width: 200px }
img { max-width: 100%  }?

无论原始大小如何,图像都不会超过200像素.到现在为止还挺好.

这是小提琴:http://jsfiddle.net/PeAAb/

但是,如果父元素的display设置为table:

div { max-width: 200px; display: table }

图像神奇地扩展到原始宽度,table随之扩展.

这是小提琴:http://jsfiddle.net/PeAAb/1/

实际表也是如此:http://jsfiddle.net/PeAAb/2/

问题:这是预期的行为吗？如果是这样,可以采取哪些措施来解决这个问题？

设置父级width(甚至是基于百分比的宽度)而不是max-width正确地将图像压缩回其框中,但不是解决方案.我需要父级流畅(我将此用于站点的主要结构,以便我可以在源代码中的主要内容之后显示侧栏HTML,但侧边栏是固定宽度).

此外,设置table-layout于fixed似乎也没有影响这里.

所以我有这个列表,通过CSS添加了一些悬停效果.HTML:

<li><a href="#">Current Period</a>
  <ul>
        <li><a href="#">2012</a>
        <li> a href="#">2011</a> //...you get the point

CSS:

#nav a:hover {
    background-color: #fff;
    color: #333;
}

当用户在当前周期中悬停时,将显示子元素列表(2012年,2011年......其中包含自己的子元素).我的问题是用户可以点击"当前期间".我已设法通过向锚添加类来删除单击,如下所示:

<li><a href="#" class="noclick">Current Period</a> ....

CSS:

.noclick { pointer-events: none; cursor: default; }

但这当然会消除悬停功能.我想保持悬停效果,同时使按钮不可点击(我在想javascript,但我想要一个更"直接"的解决方案).我感谢任何帮助:)

有没有办法输出聚合物元素的所有模型数据？

我想将每个属性及其值输出到视图中.

我知道vue通过使用来完成这个

{{ $data | json }}

但是Vue也有一个可转储的数据属性.不确定聚合物是否甚至可以将每个属性及其值转储到视图中.

我想用类似聚合物的东西.但是怎么样？

我知道做这样的事情不起作用:

{{ $properties }}

我正在尝试开发一个Android应用程序,它可以在地图上显示各种网络运营商的信号强度.问题是改变网络运营商的唯一方法是手工完成.

关于如何在不手动更改信息的情况下获取此信息的任何想法？我认为有内部/私人Android类可以做到这一点.

有没有办法将我的API主机设置为默认主机,例如http://example.com/v1,这样我就不必在每个$ http或$ resource请求中指定完整的URL？这样我可以使用相对URL.

我试图通过以下方法缓存查询的所有记录60分钟(方法1)

Route::get('categoryList', function() {
   return app\CategoryDetails::remember(60)->get();
});

我按照本教程链接(技巧5:缓存数据库查询)

但是我收到了这个错误:

调用未定义的方法 Illuminate\Database\Query\Builder::remember()

我不知道我在这里缺少什么.

顺便说一句,我知道我可以通过以下方法缓存整个记录(方法2):

Route::get('categoryList', function() {    
    $category = Cache::remember('category', 10, function() {
        return \App\CategoryDetails::all();
    });

    return $category;
});

这是完美的.

我很好奇为什么第一种方法不适合我.

抽象问题

有什么办法可以mergeMap按照外部 observable 的原始顺序使用 a 的结果，同时仍然允许内部 observable 并行运行？

更详细的解释

让我们看看两个合并映射运算符：

• mergeMap

  ...它需要一个映射回调，以及可以同时运行的内部 observable 的数量：

    of(1, 2, 3, 4, 5, 6).pipe(
        mergeMap(number => api.get('/double', { number }), 3)
    );
  

  Run Code Online (Sandbox Code Playgroud)

  在此处查看实际操作：https : //codepen.io/JosephSilber/pen/YzwVYNb?editors=1010

  这将分别触发1、2和 的3 个并行请求3。一旦其中一个请求完成，它就会触发另一个对4. 依此类推，始终保持 3 个并发请求，直到处理完所有值。

  但是，由于先前的请求可能在后续请求之前完成，因此产生的值可能会乱序。所以而不是：

    [2, 4, 6, 8, 10, 12]
  

  Run Code Online (Sandbox Code Playgroud)

  ...我们实际上可能会得到：

    [4, 2, 8, 10, 6, 12] // or any other permutation
  

  Run Code Online (Sandbox Code Playgroud)

• concatMap

  ...输入concatMap。此运算符确保所有 observables 都按原始顺序连接，以便：

    of(1, 2, 3, 4, 5, 6).pipe( …

  Run Code Online (Sandbox Code Playgroud)

在 jQuery 中，我们可以使用以下css方法轻松获取给定元素的 CSS 值：

$('#myElement').css('line-height'); // e.g. '16px'

现在，由于这个 CSS 值可能是从父元素继承的，有没有办法知道这个规则应用于哪个元素？

例如，假设我有以下 HTML：

<div class="parent">
    <div id="myElement"></div>
</div>

以及以下 CSS：

.parent {
    line-height: 20px;
}

调用css方法 on#myElement将返回20px，但不会表明它是从 继承的.parent。

我知道我可以只火了Web Inspector/ Dev Tools/ Firebug，但我想要得到它编程。

这是可能吗？