小编Has*_*len的帖子
想要在旋转时显示元素的厚度
我通过CSS将硬币沿Y轴旋转90度.有没有办法让我可以在旋转后显示硬币的厚度,我认为在硬币沿Y轴旋转后我可以缩放,但这似乎不起作用.如果可能的话,请建议一些方法来做同样的事情.link_on_js也是如此.请使用webkit浏览器打开链接.
CSS
.coin {
display: block;
background: url("url-to-image-of-coin.jpg");
background-size: 100% 100%;
width: 100px;
height: 100px;
margin: auto;
border-radius: 100%;
transition: all 500ms linear;
}
.flip {
transform: rotateY(180deg);
}
HTML
<div class="coin"></div>
jQuery的
$('.coin').click(function() {
$(this).toggleClass('flip');
});
小提琴
推荐指数
解决办法
查看次数
Firefox flex - 如何使用flex-direction:column防止弹性项目变得太高
我一直致力于flex布局,并遇到了针对Firefox和IE11的问题.
我创建了一个codepen来展示问题.
截图
Chrome(左),Firefox(右)
描述
预期的行为是页眉和页脚始终对用户可见,而内容区域用于overflow-y: auto在需要时滚动其innerContent.问题是Firefox和Internet Explorer允许内容区域增长与其innerContent一样高,而不是保持flex box规格应该是的大小.换句话说,一旦向内容容器添加足够的内容而不是踢动滚动条,内容容器将继续变得更高,然后完全打破布局.
- 我知道使用显式高度的内容容器是一种解决方法,但它不是我们的首选或有效的解决方案.
- 由于我们的布局灵活性,我们不能只使用像百分比这样的东西.
推荐指数
解决办法
查看次数
如何在另一个div的顶部隐藏半个div？
如何编写css以实现以下效果？
我目前的设置是外部div position: relative,内部div position: absolute.没工作.
请指教.非常感谢你.
------------
|//////////|
|//////////| <= hidden
--------------------
| | | |
| | inner div| |
| | | |
| ------------ |
| |
| |
| |
| |
--------------------
推荐指数
解决办法
查看次数
如何使用Javascript和/或Jquery删除本地存储中对象内的键？
在本地存储中，我有一个名为的对象favourites，它包含这个..
"{
"id3333":{
"URL":"somewhere.comm/page1/",
"TITLE":"Page 1 Title",
},
"id4444":{
"URL":"somewhere.comm/page2/",
"TITLE":"Page 2 Title",
}
}"
如何根据对象的 ID 删除对象（例如 id3333 和 id4444）
我已经尝试了以下以及其他一些伏都教..
localStorage.removeItem('id3333'); // no errors, no removal
localStorage.removeItem('favourites':'id3333'); // SyntaxError: missing ) after argument list
localStorage.removeItem('favourites[id3333]'); // no errors, no removal
localStorage.removeItem('id3333', JSON.stringify('id3333')); // no errors, no removal
另外，我需要根据变量获取要删除的键名，所以像这样..
var postID = 'id3333';
localStorage.removeItem(postID);
或者
var objectName = 'favourites';
var postID = 'id3333';
localStorage.removeItem(objectName[postID]);
是否可以直接删除嵌套项目，还是需要检索完整对象，然后删除该项目，然后再次将对象设置回本地存储？
到目前为止，我最接近直接删除任何内容的是..
localStorage.removeItem('favourites');
但这当然会删除整个对象。
推荐指数
解决办法
查看次数
如何获取URL到帖子作者的用户BuddyPress头像内Wordpress后循环
问题
如何获得帖子作者的头像的URL？
要求
我想要网址上托管的图片的网址.
图像将在帖子的循环中调用.
该帖子的作者是我希望显示其头像图像的人.
我试过的
一堆东西,但主要是 <?php echo get_avatar_url('user_email'); ?>
它返回由Gravatar托管的默认"神秘人"图像的网址,尽管它们是为此测试用户上传到我的网站的头像.
澄清
我不想要一个Gravatar托管图像.
参考
get_avatar_url()的Wordpress代码参考
目前还没有完整的Wordpress Codex条目
关注
我开始考虑avatar和Gravatar之间的所有WP歧义,get_avatar_url仅用于Gravatar图像,当然只有Gravatar注册用户可以使用.希望有人可以告诉我,我错了.
可能的兴趣
网站使用Buddypress
这个网站Buddypress安装使用自定义头像大小
本网站使用自己的自定义主题
用户已将头像上传到网站
用户没有gravatar帐户(测试没有大多数用户不会有gravatar帐户.我不希望大多数用户有神秘人代替他们的头像)
以下代码可以正常工作以拉取网站托管的头像(但当然输出图像标签和类,而不是我需要的纯网址)
Run Code Online (Sandbox Code Playgroud)<?php echo get_avatar( get_the_author_meta( 'ID' ), 180 ); ?>
推荐指数
解决办法
查看次数
如何让砌体和图像加载到与 Wordpress 一起使用
在 20 分钟之后大约 4 小时，我预计需要使用一些新的 wordpress 主题来设置砌体，我决定最好寻求帮助。
我的 html 模型站点中加载的图像可以正常工作，这是精简的 html 代码。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script src="imagesloaded.pkgd.min.js"></script>
<script src="masonry.pkgd.min.js"></script>
</head>
<body>
<div class="masonry-container js-masonry" data-masonry-options='{ "isFitWidth": true }'>
<div class="block-wrapper">content</div>
<div class="block-wrapper">content</div>
<div class="block-wrapper">content</div>
</div><!-- end masonry-container js-masonry -->
<script>
var container = document.querySelector('.masonry-container');
var msnry;
// initialize Masonry after all images have loaded
imagesLoaded( container, function() {
msnry = new Masonry( container );
});
</script>
</body>
</html>
问题：
我如何让它与 Wordpress 一起工作？
到目前为止我尝试过的
几乎所有我能想出的东西。（我数了 40 多个打开的选项卡试图找到答案）这是我开始时的简单变化..
在functions.php中（函数中绝对没有其他东西） …
推荐指数
解决办法
查看次数
标签 统计
css ×2
javascript ×2
jquery ×2
wordpress ×2
buddypress ×1
css3 ×1
flexbox ×1
gravatar ×1
html ×1
imagesloaded ×1
json ×1
masonry ×1
php ×1
position ×1
rotation ×1