小编San*_*fer的帖子
你能模糊div下面/后面的内容吗？
我目前正在Photoshop中创建一个新的网页设计,但我想知道是否可以模糊div下面的内容？
我想nav在我的页面上创建一个半透明条,它固定在屏幕顶部.在我下面/后面流动的一切,我都想模糊.对于那些拥有iOS 7 iDevice的用户,请查看Safari的标题; 标题下方的页面模糊不清.这就是我正在寻找的效果.
我不介意效果不适用于旧浏览器(IE8等),在这种情况下,它将具有0.5不透明白色背景作为后备.
如果这是可能的,我真的在寻找必要的代码!
推荐指数
解决办法
查看次数
你什么时候把Javascript放在体内,当你在头上和使用doc.load时？
我一直在想,主要是因为在创建页面时我总是遇到麻烦,基于以下内容:
你什么时候写你的javascript
- 在里面
<head> - 在里面
<body> - 用一个
$(document).ready()
我可能是愚蠢的,但是由于错误的地方或是或否doc.ready()命令,我有几次没有执行我的JavaScript(/ jQuery).所以我真的很想知道.
jQuery和'var'命令也是如此
推荐指数
解决办法
查看次数
网站可以强制设备旋转锁定吗？
我目前正在开发一个对所有设备都相对平等的网站; 桌面和移动.我正在使用%,因为我认为这是最好的选择.
它基于肖像模式.如果您将设备更改为横向,整个网站看起来像一个胖侏儒.
所以我想知道:是否有可能锁定一个网站,一直以纵向显示它？
而且,我的意思是:设备旋转锁定.并不是说,当去景观时,网站返回到肖像,而在景观.(我已经在StackOverflow上看到了一些代码.)
Check my site at: http://prototyping.iscs.nl/mobiel.html
以供参考 :)
提前致谢
推荐指数
解决办法
查看次数
如何使用'如果$(this)有数据属性'
我有点问题.我有几个按钮,每个按钮都有不同的data-function=""属性.我想执行一个小脚本来检查哪些按钮被点击了.
<a href="#" class="functionButton" data-function="blogFunctionaliteit">Blog</a>
<a href="#" class="functionButton" data-function="offerteFunctionaliteit">Offerte</a>
<a href="#" class="functionButton" data-function="overzichtFunctionaliteit">Offerte</a>
我只想要一个说的脚本
if $(this) has <data-function="blogFunctionaliteit"> { }
if $(this) has <data-function="offerteFunctionaliteit"> { }
if $(this) has <data-function="overzichtFunctionaliteit"> { }
else { // do nothing }
我尝试过很多东西,但一切似乎都没有用,包括
if ($(this).attr('data-function', 'blogFunctionaliteit') { } - 总是会导致yes,因为它只检查对象是否具有第一个参数,而不是检查它们.
提前感谢您编写正确的jQuery代码或建议我使用其他东西.
推荐指数
解决办法
查看次数
关闭Android上的WebApps缓存
老实说,我不确定是否应该将其发布在SO上; 无论哪种方式,让我们互相帮助.
我正在建立一个网络应用程序,我定期在我的Android手机上查看.我没有将其上传到Phonegap或其他任何东西,而是配置了一个简单的页面,其中iFrame指向Web应用程序的内容(在线托管).
糟糕的是:为了查看更改,我必须清理应用缓存.否则,'之前'版本仍然显示(因为它卡在缓存中).
所以我希望是否有一个选项可以在页面内打开/关闭Android/Configure,关闭所有对象和文件的缓存？
非常感谢!
想知道我的工作方式..
-------------------------------------------------
| My Phone |
| With a |
| |
| ----------------------------------------- |
| | Cordova/Phonegap | |
| | Application which | |
| | loads a | |
| | | |
| | -------------------------------- | |
| | | Website with | | |
| | | iFrame | | |
| | | height:100% | | |
| | | width:100% | | |
| | | | …推荐指数
解决办法
查看次数
如何使用纯CSS在div上创建内部和外部三角形？
我刚刚遇到CSS Arrow请帮我创建CSS三角形.但是,这还不够.它只创建一个外部箭头,而我也想创建内部三角形.
以上就是在Photoshop中创建的.我能够使用CSS Arrow Please创建第一个能够,然后硬(呃)部分出现.如何创建包含外部(右对齐)和内部(左对齐)箭头的块,其中最后一个箭头仅包含内部(左对齐)箭头.
结果应该是a可点击的过程链.
要创建第一个,这是CSS
.arrow_box:first-child {
position: relative;
background: #1abc9c;
border: 5px solid #16a085;
}
.arrow_box:first-child:after, .arrow_box:first-child:before {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.arrow_box:first-child:after {
border-color: rgba(26, 188, 156, 0);
border-left-color: #1abc9c;
border-width: 16px;
margin-top: -16px;
}
.arrow_box:first-child:before {
border-color: rgba(22, 160, 133, 0);
border-left-color: #16a085;
border-width: 23px;
margin-top: -23px;
}
但随后我的问题出现了:我将如何创建另外两个？
谢谢!
推荐指数
解决办法
查看次数
自动将文本从元素复制到 :before 内容属性
我试图在我的标题上有一个缩放的文本效果，而不创建额外的文本元素。尝试这样做，我正在使用::before伪元素。然而，要创建这种效果，伪元素必须content与实际元素相同。由于这不能在 HTML 中完成，并且在 CSS 中需要做很多工作（因为它被多次定位......），我正在为具有这种效果的所有元素寻找一种通用方法。
我正在考虑使用 jQuery 方法.attr()来复制文本并将其附加到伪元素，但据我所知这是无法完成的。
$(function() {
$('h1').each(function() {
var Text = "$(`this`).text()";
$('this::before').attr('content', Text);
});
});
有替代方案吗？
效果的CSS，目前来说比较简单。
:before {
transform: scale(1.5)
opacity: .2
content: "text here"
}
推荐指数
解决办法
查看次数
将背景添加到一行文本的第一个字母.怎么样？
请查看下面的附件:
这个,我在Photoshop中很容易编写,并且用于论文等的企业形象.但是:我现在需要为电子邮件签名创建它.虽然..我不知道如何实现方形/矩形背景的效果 - 好吧 - 比如句子的第一个字母.
因为它不应该将文本切断到下一行,所以我不能使用<p>标签.
我希望有人可以帮助我!但是,这是一个电子邮件签名,所有CSS必须是内联的.编辑:除此之外:你也不能使用DIV ..非常感谢你!
推荐指数
解决办法
查看次数
CSS：倾斜按钮边框，而不是文本
我正在寻找一种简单的方法，使用单个标签（仅<a>）在边框上创建倾斜效果，但保持文本的原样。
我会知道如何处理内部或外部的跨度，但我不想在页面上有额外的、几乎为零的 HTML。
下面举例。
推荐指数
解决办法
查看次数
如何删除 Outlook 中的链接下划线？
我正在尝试创建一个 HTML 签名，但无论我尝试什么，当我使用 Outlook (2007) 发送它时，我的所有链接都带有下划线。奇怪的是：当我复制呈现的代码（从浏览器复制到 Outlook）时，它没有显示任何下划线。但是，一旦我发送它，似乎所有格式都消失了，下划线又出现了。如果我从任何其他客户端向 Outlook 发送相同的内容，则不会发生这种情况，并且显示正确。
我尝试过的一些示例：
<a href="#" style="border-style:none;text-decoration:none;">Link 1</a><br/>
<a href="#" style="border-style:none!important;text-decoration:none!important;">Link 2</a><br/>
<a href="#" style="text-decoration:none !important; text-decoration: none">Link 3</a><br/>
<a href="#" style="text-decoration: none"><span style="text-decoration: none">Link 4</span></a><br/>
<a href="#" style="text-decoration:none">Link 5</a></br>
<a href="#" style="text-decoration:none; text-decoration: none !important"><span style="text-decoration:none; text-decoration: none !important">Link 6</span></a><br/>
<a href="#" style='text-decoration:none;text-underline:none'><span style='text-decoration:none; text-underline:none'>Link 7</span></a><br/>我真的不知道如何在 Outlook 中创建一个没有下划线的可点击链接。即使“下划线颜色：白色”是一个选项。并非所有浏览器都支持它，这使它有点无用。
欢迎任何建议！
通过http://devspot.nl/testfile.html，您可以自己尝试所有变体。
从 Chrome 复制到 Outlook 时的显示方式：
以及在 Apple Mail 中收到时的显示方式（注意：Chrome 浏览器中的 Gmail 是相同的）
推荐指数
解决办法
查看次数
标签 统计
css ×5
jquery ×3
html ×2
android ×1
blur ×1
button ×1
caching ×1
comparison ×1
cordova ×1
css-shapes ×1
effect ×1
email ×1
geometry ×1
head ×1
if-statement ×1
javascript ×1
location ×1
outlook ×1
portrait ×1
rotation ×1
skew ×1
transition ×1