我有以下Sass mixin,它是RGBa示例的一半完整修改:
@mixin background-opacity($color, $opacity: .3) {
background: rgb(200, 54, 54); /* The Fallback */
background: rgba(200, 54, 54, $opacity);
}
我申请$opacity好了,但现在我被困在那个$color部分.我将发送到mixin的颜色将是HEX而不是RGB.
我的例子用途是:
element {
@include background-opacity(#333, .5);
}
如何在此mixin中使用HEX值？
我目前正在建立一个PSD网站.大多数字体的字母跟踪为-25(<- AV->:我猜这是字母间距的符号？).
我如何在CSS中获得相同的效果？我知道这个属性letter-spacing: X但它没有占用百分比,-25px或pts将是一个巨大的数字!
我不断发现自己在IE7中浮现的元素存在问题.
我已经阅读了许多与此类似的Stack Overflow问题,但似乎没有任何一致的干净CSS答案.
我的意思是我希望看到不改变HTML的答案.例如:
我知道有时浮动元素不会考虑其父级高度,因此有时无法正确包含它.偶尔我会发现自己'添加布局'到一个带缩放的元素:1有时会修复它.其他时候我发现自己在条件IE7样式表中搞乱了,这在我看来并不是最好的解决方案.
注意:我的意思是'有布局' - http://www.satzansatz.de/cssd/onhavinglayout.html
我还阅读了使用相对和绝对定位(父div和子div)的其他答案.拉起它但经常会影响周围的div.
如果有人能够深入解释这种情况发生的原因以及对各种修复方案的详细讨论,那么我很乐意为这个问题添加一笔赏金!
非常感谢!
编辑
我遇到的最常见的问题是我有这样的事情:
左侧边栏 - 主要 - 右侧边栏
浮动时,右侧通常会下降.理想情况下,这应该是左 - 右 - 主格式,但我不断发现自己的样式开发人员工作(主要是Drupal),在这种情况下,让他们改变工作太麻烦了.合理？因为我是造型开发人员的工作,他们从来没有把明确的块(我个人认为这是可怕的和肮脏的!)
我有以下代码:
for (var i = 0; i < markers.length; i++) {
var lat = markers[i][0];
var lng = markers[i][1];
var img = markers[i][2];
var info = markers[i][3];
setTimeout(function(lat, lng, img, info) {
console.log(lat + ', ' + lng);
$('#map').gmap3({
action: 'addMarker',
latLng:[lat, lng],
options:{
animation: google.maps.Animation.DROP,
icon: img
},
events:{
click: function(marker, event, data){
$(this).gmap3({action:'addinfowindow', anchor:marker, options:{content: '<div id="content" style="width:300px;height:250px;"><img src="' + info + '"></img></div>'}});
/*var infowindow = $(this).gmap3({action:'get', name:'infowindow'});
infowindow.close();*/
},
}
});
}, i* 100);
}
对于lat和lng,console.log显示未定义.为什么是这样？
以前我没有在超时内将任何变量传递给函数,并且它们已经定义但是它对for循环中的每个标记使用了相同的一个,这显然是错误的! …
我有 2 个元素，一个父元素和它的子元素，它们都是绝对定位的。
我为每个元素都有一个点击处理程序，尽管当我点击子元素时，它后面的父元素也会捕获点击。
如何防止父元素接收点击事件？
我有一个传递给函数的对象:
function(config['options'])
这里有一些值,例如config['options']['property1']设置为1,我想在它们传递给这个函数之前改为true(比如明智的0 false).
我该怎么做呢,我似乎无法用它来计算 .each()
我在IE9中使用以下内容:
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
它以旋转文本的方式工作,但奇怪的是它无缘无故地给元素一个黑色背景？!
CSS:
.view-see-the-difference-in-your-sector .views-field-title span {
display: block;
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform:rotate(-90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
zoom: 1;
-moz-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-o-transform-origin: 0 0;
-ms-transform-origin: 0 0;
width: 200px;
}
另请注意,除了过滤器之外,我有所有浏览器旋转的原点.这里使用的语法是什么？
抱歉,如果这是一个愚蠢的问题,但很难找到使用搜索引擎,但'>'运算符在用作选择器时意味着什么？
例如
$('div.form-input > label')....