小编dav*_*rty的帖子
css中的"投影"媒体类型有多可靠？
我正在研究一个企业项目,创建一个可以使用多年的系统.我最近遇到了css中的"投影"媒体类型,我想象它可能给用户带来的好处,演示等等,但我不知道这是否只是在我的想象中,或者是否存在这是一个真正的世界优势.到目前为止,我所知道的是,某些版本的Opera在全屏模式下使用媒体类型.
W3C媒体类型条目:http://www.w3.org/TR/CSS2/media.html
在投影机上使用时,是否有任何浏览器检测到投影介质类型？
这甚至可能吗？我有一种预感,就浏览器而言,投影仪只是一个屏幕,所以没有检测.如果我错了,那就太好了.
投影媒体类型是否有任何成功？
推荐指数
解决办法
查看次数
无法使选择元素上的rgba()背景颜色在Chrome中有效
在Vista上运行的Chrome版本16.0.912.75米.
我正在尝试将rgba背景颜色应用于禁用的select元素,不透明度为0.2.
它在Firefox和Opera中运行良好,但Chrome忽略了不透明度,只显示平面颜色.我已经尝试添加-webkit-appearance:none.这会修复alpha值,但会从视图中删除select元素的按钮部分.
有谁知道如何获得具有alpha值的背景,而不是隐藏select的按钮部分？
http://jsfiddle.net/EMSmZ/9/ <==我已对此进行了编辑,以确认rgba是否适用于背景颜色,但不适用于选择.这两个框在Chrome中具有不同的背景透明度,但选择不具备.
仍然没有提交错误报告:http://code.google.com/p/chromium/issues/detail？id = 110437
推荐指数
解决办法
查看次数
我可以在Windows中使用Sass和批处理脚本吗？
在我本地计算机上的Web项目中,我使用了一个相当简单的Sass设置.在同一个文件夹中,我有/scss/style.scss和/css/style.css
所以在我工作的时候运行Sass我只是在Ruby终端中写这个:
cd "C:\Users\Puppybeard\Documents\Aptana Studio 3 Workspace\Project Title"
sass --watch scss/style.scss:css/style.css
工作正常,但它有点麻烦,所以我试图弄清楚如何使用批处理脚本执行等效操作.我尝试了以下内容,但这是一场彻底的灾难,我的计算机试图打开无数的Ruby控制台.
cd "C:\Ruby193\bin"
start ruby
cd "C:\Users\Puppybeard\Documents\Aptana Studio 3 Workspace\Project Title"
sass --watch scss/style.scss:css/style.css
exit
我认为我需要做的是在后台启动Ruby,而不是打开Ruby exe.有谁知道如何,或者甚至是Ruby的工作方式？显然,我是Sass,Ruby和批处理脚本的新手,所以你能给我的任何见解都将是一个很大的帮助,谢谢.
编辑:我让它像这样工作
cd "\Ruby193\bin"
sass --watch "C:\Users\Puppybeard\Documents\Aptana Studio 3 Workspace\Project Title\scss\style.scss:C:\Users\Puppybeard\Documents\Aptana Studio 3 Workspace\Project Title\css\style.css"
我认为它应该更整洁,并怀疑sass需要设置$ PATH.
编辑2:我使用以下说明为Ruby设置Path变量:http://groups.google.com/group/beginning-rails/browse_thread/thread/1c68665013a60081
在我的例子中,我需要添加的路径是C:\ Ruby193\bin现在我需要的唯一一行,当我在Web项目的根目录中有脚本时,是:
sass --watch scss/style.scss:css/style.css
如果我想要在我的计算机上的任何地方运行某些东西,我可以保留我将目录更改为文件夹位置的部分.但是,脚本没有指定项目位置的事实意味着我可以将它复制到我使用相同结构的任何项目中.
值得努力？从长远来看,可能,是的.
推荐指数
解决办法
查看次数
如何检测字体中定义的字符？
我正在制作一个简单的工具来帮助css图标字体.
目前,它采用指定的,翼状风格的字体,并且代表它显示为每个unicode数字,与标准系统字体(例如arial)并排在我从unicode数字33出发的那一刻-255.
熟悉字体和字符编码的人已经猜到了,很多这些地方都是空的.这是一个例子:
正如您所看到的,实际上值得为此字体显示的字符是少数字符,并且此unicode范围内的许多字符甚至不显示默认的sans-serif字体.这并不重要的东西,所有的可用字符反正显示,而纯粹是出于好奇,我很想知道,如果有一种方法来判断哪些字符的字体表示.有人知道解决方案吗？
理想情况下,首选服务器端解决方案,您喜欢的任何语言.但是,任何解决方案都是有价值的.
对于好奇,我现有的代码在github上:Font Looper
我希望平面文件的介绍不会冒犯任何人太多,我试图保持这个精简和意味着.
推荐指数
解决办法
查看次数
jQuery UI Selectable:仅限第一代儿童
我有一组我想要选择的元素.
jQuery UI Selectable似乎是正确的工具,但我遇到的问题是功能似乎绑定到所有子元素,并且所有类都被应用.
我想确保事件的类和绑定仅应用于第一代子代,而不是它们的嵌套元素.
这是一个jsFiddle,它应该有助于说明我想要阻止的内容:http://jsfiddle.net/ncKEW/
代码HTML
<div id="group">
<div class="unit">
<h2>Title</h2>
<div class="content">
Dulce et decorum
</div>
</div>
<div class="unit">
<h2>Title</h2>
<div class="content">
Dulce et decorum
</div>
</div>
<div class="unit">
<h2>Title</h2>
<div class="content">
Dulce et decorum
</div>
</div>
<div class="unit">
<h2>Title</h2>
<div class="content">
Dulce et decorum
</div>
</div> </div>
JS
$(document).ready(function(){
$('#group').selectable();
});
Css(仅用于说明)
#group{padding: 12px;}
h2{font-size: 1.2em;margin: 2px 0;}
.unit{background: blue;}
.ui-selected{background: yellow;}
推荐指数
解决办法
查看次数
如何为表情符号构建一个可靠的CSS字体堆栈？
我正在使用Symbola作为网络字体在网站上显示表情符号.我从这里下载了Symoba并将.ttf转换为woff.
我的字体堆栈如下所示:
.inner-message{
font-family: 'open_sanslight', 'symbola', 'helvetica neue', 'arial', sans-serif;
}
我想明确定位iOS和Android中的表情符号字体作为此CSS的一部分.这些看起来比Symobla更具吸引力,因为它们提供了混合色彩.就像是:
.inner-message{
font-family: 'open_sanslight', 'iOS emoji', 'android emoji', 'symbola', 'helvetica neue', 'arial', sans-serif;
}
其中真实姓名用于iOS和Android表情符号字体.我需要编写什么css规则才能明确定位我想要的字体？
推荐指数
解决办法
查看次数
在Jquery中,如何将段落文本的一部分包含在span中
如何在span中的段落中包含span之后找到的innerhtml.通过示例更好地解释:
<p>foo <span>bar</span> baz</p>
我想得到:
<p>foo <span>bar</span><span> baz</span></p>
baz 也可以标记(即可以包含链接等).
我试过了
$(p span).first().contents().filter(function() {
return this.nodeType == 3;
}).text();
但只给了我第一个跨度的内跨文本......
推荐指数
解决办法
查看次数
表情符号和其他unicode字符在Angular中没有正确显示
例如,我有一个使用Twitter消息的网络应用程序.
JSON的提要用于构建消息列表,但是诸如字符在钻石中显示为问号.元素看起来像这样:
<div class="inner-message" ng-bind-html="unit.caption_text | linky:'_blank'"></div>
当我在Firefox和Chrome中查看JSON url时,这些显示正常.
头部样本:
<!DOCTYPE html>
<html class="wf-opensans-n4-active wf-active" lang="en">
<head>
<meta charset="utf-8">
我在调试时发现的一件事:当消息都在一个对象数组中,但不是$ scope的一部分时,我可以将它们添加到页面中,并且表情符号正确显示.
所以我认为在Angular中会发生这样的事情.我已经尝试将ng-bind-html更改为ng-bind,但是这样做并没有.我已经尝试删除ng-bind-html并在元素中使用{{unit.caption_text}},但它仍然会破坏unicode字符.
目前,我需要能够使用linky过滤器,以正确显示链接,因此ng-bind-html是必要的,但我不相信这是问题所在.
在javascript中发生了什么事情来打破编码？
有没有办法让它们正确显示？
更新
这会根据需要显示图标,但"linky"不会为链接添加格式.
<div class="inner-message">{{unit.text}}</div>
这显示了破碎的字符
<div class="inner-message" ng-bind-html="unit.text | linky:'_blank'"></div>
更新2
最后到达那里,在Michael链接的Pull Request中进行详细更改,以阻止角色搞砸.
我还发现,如果我将Symbola添加到这些消息的字体堆栈中,它有助于保持一致性.您可以从George Douros的这个页面下载Symbola .我通过.ttf到.woff转换器运行它以获得稍微更好的浏览器支持,提供两种选择.
推荐指数
解决办法
查看次数