image - 首帖跨浏览器解决方案添加3张图片

标签 image css

我需要为第一篇文章制作横幅图片,但它需要垂直展开,因为文章的内容量会有所不同。目前我在 y loop.php 中有这个

<article class="post <?php echo !is_single() ? "preview" : "" ?> <?php echo $count == 0 ? "first" : "" ?> <?php echo !is_home() ? "full" : "" ?>">

我无法附上图片,因为我在这个网站上没有正确的声誉!

但是,图像是一个横幅,它将包裹主要内容 div 的边缘。我将它分成 3 个独立的图像——顶部、中间和底部——我想我可以在我的 css 中使用 :before:after 但这行不通在 IE7 或 8 对我来说。

我的第一篇文章目前的类(class)是“第一”,但我认为我需要为此添加一个顶部和底部,但我想要最好的解决方案,而且我是一个新手。

我觉得我真的被困住了,需要一些帮助。如果您需要更多信息,请告诉我,我可以看看我能做些什么来在这个网站上获取图像,向您展示这里需要发生的事情。

最佳答案

如果您的主题使用 body_class因为它应该有一个名为 author 的类附于<body>作者文件的标签。您可以使用它来简单地不显示 div s-- 通过 display:none .

不过,如果我理解您的话,您几乎已经掌握了 PHP 解决方案。你需要 is_author 而不是 is_single

<?php if (!is_author() && $count == 0): ?> 
    <div class="firsttop"></div> 
<?php endif; ?>
<!-- more Loop code -->   
<?php if (!is_author() & $count == 0): ?> 
    <div class="firstbottom"></div> 
<?php endif; ?> 

如果不是,我不知道您所说的“作者页面”是什么意思。

关于image - 首帖跨浏览器解决方案添加3张图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16719299/

相关文章:

mysql - 网站照片库

html - 如何让标题 h1 中的每个奇数字母都变成橙色

c# - 绑定(bind)到 SqlDataAdapter 后,ASP.NET GridView 宽度不会保持在 100%

javascript - 使用 Materialise 的嵌入式日历

asp.net - 在 asp.net 中删除给定字符串中 img 标签的宽度和高度

image - flutter:FadeInImage.assetNetwork:如何添加访问 token 之类的请求 header

css - 解决出现滚动条时的画面跳转

javascript - 如何在滚动时停止 CSS 动画?

ios - 像这样编写 Photo.app 代码

css - 如何使菜单链接在文本旁边有图像?