Articles of CSS

在Chrome中无法使用CSS3 3D转换(Linux)

您将需要Linux Chrome才能看到此内容。 在我的开发网站spoilmebox.com (见底部的三个框),我的背面显示。 我该如何解决? CSS … .Qcontainer { position: relative; -webkit-perspective: 800; -moz-perspective: 800; perspective: 800; background: none; } .pumpkinhead { width:100%; height:15em; -webkit-transform-style: preserve-3d; -webkit-transition: 1s; -moz-transform-style: preserve-3d; -moz-transition: 1s; transform-style: preserve-3d; transition: 1s; } .Qcontainer:hover .pumpkinhead { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); } .face { position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; […]

如何在Linux和Mac中使用Calibri字体

我的项目的所有文本都以我自己的方式input,在所有主stream浏览器的Window os中完美工作,但是当我们尝试在Linux或Mac上部署相同的项目时,字体样式(字体系列,大小)会发生变化, ,它看起来很奇怪。 它知道TTF(真正的字体)是所有的操作系​​统,直到现在,我得到了复制粘贴的方法,从Windows到Linux复制的calibri文件,但它不值得我。 我希望它不仅仅是一个特定的系统。

在networking上,我应该使用哪种字体来创build跨平台的等效体验?

由于Linux(及其变体)与Windows和Mac OS X有完全不同的字体集合,是否有任何人有任何创build跨平台字体系列的经验 – 理想上可以find上述操作系统中常见字体的等价物? 如果是这样,最好的路线是什么?

sed – 传递匹配到外部命令

我写了一个使用sed的脚本来改变这个: kaefert@Ultrablech ~ $ cat /sys/class/power_supply/BAT0/uevent POWER_SUPPLY_NAME=BAT0 POWER_SUPPLY_STATUS=Full POWER_SUPPLY_PRESENT=1 POWER_SUPPLY_TECHNOLOGY=Li-ion POWER_SUPPLY_CYCLE_COUNT=0 POWER_SUPPLY_VOLTAGE_MIN_DESIGN=7400000 POWER_SUPPLY_VOLTAGE_NOW=8370000 POWER_SUPPLY_POWER_NOW=0 POWER_SUPPLY_ENERGY_FULL_DESIGN=45640000 POWER_SUPPLY_ENERGY_FULL=44541000 POWER_SUPPLY_ENERGY_NOW=44541000 POWER_SUPPLY_MODEL_NAME=UX32-65 POWER_SUPPLY_MANUFACTURER=ASUSTeK POWER_SUPPLY_SERIAL_NUMBER= 转换为像这样的csv文件格式: kaefert@Ultrablech ~ $ Documents/Asus\ Zenbook\ UX32VD/power_to_csv.sh "date";"status";"voltage µV";"power µW";"energy full µWh";"energy now µWh" 2012-07-30 11:29:01;"Full";8369000;0;44541000;44541000 2012-07-30 11:29:02;"Full";8369000;0;44541000;44541000 2012-07-30 11:29:04;"Full";8369000;0;44541000;44541000 … (in a loop) 我现在想要的是将这些数字除以1.000.000,以使它们不代表μV,而代替μW代替V和W,以便快速浏览它们。 当然,我可以手动完成后,一旦我打开这个csv内libre办公室calc,但我想自动化它。 所以我发现,我可以在sed之间调用外部程序,如下所示: … s/\nPOWER_SUPPLY_PRESENT=1\nPOWER_SUPPLY_TECHNOLOGY=Li-ion\nPOWER_SUPPLY_CYCLE_COUNT=0\nPOWER_SUPPLY_VOLTAGE_MIN_DESIGN=7400000\nPOWER_SUPPLY_VOLTAGE_NOW=\([0-9]\{1,\}\)/";'`echo 0`'\1/ 而且我可以通过像这样的东西来获得我想要的值: echo "scale=6;3094030/1000000" | bc […]

我如何validation内部网页上的CSS?

我想检查内部网页,所以我不能直接使用W3Cvalidation服务。 我设法在本地运行XHTMLvalidation器,但是,我有一些与CSSvalidation程序的问题。 我真的不想安装Tomcat或Jigsaw以便能够运行Java servlet,命令行选项给我一个错误消息 Exception in thread "main" java.lang.NoClassDefFoundError: org.w3c.tools.resources.ProtocolException at org.w3c.css.css.CssValidator.main(CssValidator.java:164) 我如何validation一个Linux的本地CSS框?

在Windows上configuration指南针

我在Windows上,我的项目中SASS已经成功运行了。 现在,我想包括指南针,所以我可以利用预先写好的mixins等。 首先,我只是尝试从我的工作sass文件中的这条语句: @import "compass/css3/transform"; 自然,这没有工作,因为我没有安装指南针,所以我导航到我的Ruby目录,并成功地安装在c:/ruby193/bin的罗盘gem。 我现在可以在c:/ruby193/bin成功创build指南针项目,但是这对我并不好。 我需要在我的站点中运行指南针命令,它位于这里: c:/inetpub/mysite 。 但是,当我尝试这样做的时候,我得到的compass is not recognized as internal or external command 我怎样才能让指南针在我想要的地方工作? 编辑 : 我的问题的很大一部分是安装的Ruby没有将自己添加到Windowspath环境variables,所以我只能从C:/ Ruby193 / bin目录中运行SASS和指南针命令。 这给我带来了问题,因此,我认为这是我需要安装指南针的地方。 无论如何,在弄清楚之后,我仍然无法得到指南针的工作,但是正在计划卸载SASS,Compass和Ruby,并从头开始尝试另一个尝试。 我标记Stooboo的答案是正确的,因为它是最好的和最准确的,尤其是考虑到他必须处理的信息。 谢谢!

如何让NGINX提供像.js,.css,.html这样的静态内容?

最近我开始使用NGINX,我发现我们可以使用它作为反向代理,从本身提供静态内容,这可以减less加载时间。 我的本地机器上有一个Tomcat / JBoss服务器,我想把NGINX放在它的前面,这样静态内容将从NGINX提供,全部由Tomcat / JBoss来完成。 我的Tomcat / JBoss应用程序运行在http://localhost:8081/Test我的NGINXconfiguration工作正常,但无法加载css/js/jpg文件。 这是我的战争结局wehere静态内容是 Test.war TEST | |—>Resources | |——->CSS | | |—-> style.css | | | |——–>Images | |—-> a.jpg | |—-> b.jpg | |—>WEB-INF | |—–>Web.xml | |—–>spring-servlet.xml | |—>JSP |—->login.jsp 我认为问题是因为绝对path,所以我应该复制资源文件夹并将其放在NGINX的某个文件夹中,并configuration我的NGINX从自己的目录中select文件,而不是去Tomcat / JBoss? 我是新的,所以我没有任何想法做这个任何人都可以帮助我。 这是我的NGINX(窗口)的conf文件 server { listen 80; server_name localhost; #charset koi8-r; #access_log logs/host.access.log main; […]

Windows XP中的Internet Explorer 8

我目睹了Internet Explorer 8(IE8)是如何在Windows XP中以及它如何在Windows Vista / 7中的。 非常奇怪的是,IE8似乎像IE7的某些方面的CSS和JavaScript(也许也为其他元素)。 我是谁看到的东西? 否则,如果这是真的,为什么会发生这种情况,IE8的Windows XP和IE8的Windows Vista / 7的主要区别是什么?

奇怪的行为与Windows 10上的Firefox 10的边界

我正在尝试使用边界创build箭头,但是win7上的FF10不想玩球。 它在我的边框周围添加了一个1px的边框。 这里是一个JSFiddle的一个最小的例子: http : //jsfiddle.net/5jjVb/1/ 无论我设置的边框颜色是多less,额外的边框总是相同的颜色。 对于那些你不在FF或窗口7这里是一个截图: 这里是在OS X上的FF相同的箭头: 我总是可以将箭头的颜色更改为与额外边框相同的颜色,但是感觉不对。

当滚动条可见时停止浏览器调整网站大小

在Windows中,当滚动条可见时,它会改变网站的宽度,并使其显示为“跳跃”,但在Mac OSX中,滚动条只是hover在网站上,不会更改任何大小。 有没有办法强制在Windows中的滚动条行事相同?