我正在创建一个网站,我的所有产品图片将根据浏览器窗口大小重新调整大小,所以我写了一些媒体查询,我使用一个大图像,并在不同的窗口大小重新调整大小但我有一个图像,我用于背景,我怎么能重新调整大小呢？我想在IE7和8中的所有浏览器中支持它.
HTML
<div></div>
CSS
div{
background: url("http://canadianneighborpharmacy.net/images/cnp/discount_20.png")
no-repeat scroll 0 0 transparent;
position:absolute;
width:45px;
height: 45px; }
我的实时代码在这里: - http://jsfiddle.net/jamna/DdxbQ/19/这里我有一个主要的"产品图片",现在根据浏览器窗口大小调整大小(在我的小提琴我没有写代码为调整产品图像的大小,我只显示我想要调整大小的图像)但是我有另一个"存钱币标签"图像,它是在"跨度"的背景中我想与产品图像同时重新调整尺寸.
我有Museo-300主要使用@ font-face,但某些字母组合如"ff"和"fi"在Firefox中消失(在v3.6和v7.0.1中确认).所以"小额信贷"变成"微量".
请注意,我将这些输出为单个字母,而不是连字.当我在服务器和浏览器上查看源时,例如"coffee"拼写为所有六个字母 - 而不是"ff"的unicode连字符.
输出看起来在Opera,Chrome,Safari和IE(甚至是IE6)中都是正确的.
我从MyFonts下载了Museo-300及其网络字体示例模板.
@font-face {
font-family: 'Museo-300';
src: url('webfonts/151B6C_0.eot');
src: url('webfonts/151B6C_0.eot?#iefix') format('embedded-opentype'),url('webfonts/151B6C_0.woff') format('woff'),url('webfonts/151B6C_0.ttf') format('truetype'),url('webfonts/151B6C_0.svg#wf') format('svg');
}
并且所有引用的文件都已到位.我像这样调用它:
font-family: 'Museo-300', sans-serif;
我尝试了一种不同的字体作为测试(Code Pro Light Demo,也来自MyFonts),Firefox下载了"fi"而不是"ff".
想法出了什么问题？
客户要求他们的主页开始空白(只显示徽标和背景图像),然后在一两秒后淡入导航和内容.
我可以从通过CSS隐藏的内容开始,然后使用jQuery淡化它.不幸的是,这违反了渐进式增强功能:在活动代码运行之前,该网站将完全无法使用,从而导致视障人士使用屏幕阅读器等问题.
我考虑过的两个解决方法是Flash和<noscript>标签.Flash似乎有点矫枉过正,因为它没有在网站的其他地方使用; 此外,主页内容丰富,不断更新的新闻项目,一种轻松的博客.该 <noscript>标签将不利于视力受损谁使用屏幕阅读器,因为他们的浏览器通常有启用脚本.
我错过了解决方案吗？或者这不是一个好主意？
默认情况下,位置设置为"绝对"的HTML元素将相对于浏览器的视口定位.
但是,如果元素的一个祖先设置为非静态位置,则该元素将相对于该祖先定位.祖先是元素的"偏移父母".
问题:我想绝对地定位一个相对于视口的元素,但遗憾的是它的一个祖先是相对定位的,所以它已成为它的偏移父元素.由于我正在修改第三方主题,因此无法移动元素或移除其祖先的相对位置.
使用CSS或JavaScript,我是否可以实际设置或重置元素的偏移父级？我知道DOM属性[element] .offsetParent是只读的,但有没有办法间接产生设置效果？
我想像这样链式引用一个字符串属性:
echo($object1->object2->stringProperty);
但是这会产生这个错误:
可捕获的致命错误:类[对象2的类型]的对象无法转换为字符串
我可以通过在那里的某处强制进行类型转换来完成这项工作吗？它适用于中间对象的中间变量,但这增加了不幸的结果:
class foo {
public $bar;
}
class bar {
public $title;
}
// Initialize the example.
$myBar = new bar();
$myFoo = new foo();
$myFoo->bar = $myBar;
$myBar->title = "fubar";
// Using an intermediate object works.
$temp = $myFoo->bar;
echo("$temp->title<br />");
// Using a direct reference raises a fatal error.
echo("$myFoo->bar->title<br />");