我有一个Joomla页面(v3.2.4),我用PHP放入了一些动态Open Graph标签,如下所示:
PHP,在标记之前:
$getcid = JRequest::getVar('id');
if(!isset($getcid)) {
$title = "LIVA Kurser";
$description = "Danmarks største udbyder af kurser til såvel offentlige og erhverv samt private.";
$image = "http://www.livakursertestsite.dk/images/liva-logo.jpg";
$type = "website";
} else {
$db = JFactory::getDbo();
$user = JFactory::getUser();
$query = $db->getQuery(true);
$ogquery = "SELECT DISTINCT * FROM jos_managecourse WHERE state = '1' AND id = '".$getcid."' LIMIT 1";
$db->setQuery($ogquery);
$db->query();
$getcourse = $db->loadObjectList();
$description = substr(strip_tags($getcourse[0]->details), 0, 247);
$title = $getcourse[0]->course_name;
$description = preg_replace( "/\r|\n/", "", $description …我试图只用CSS3创建视差效果,但不幸的是我无法,简单的结构是一个div与图像和一个div与内容,我不能在背景中使用图像.
注意:请不要建议任何JS解决方案和背景图像解决方案,因为我只是尝试使用CSS3和图像标记来处理它DIV
任何人都可以建议如何处理这个？这是JSfiddle
.image-div{
width: 100%;
float: left;
-webkit-perspective: 1px;
perspective: 1px;
-webkit-perspective-origin: center top;
perspective-origin: center top;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
position: relative;
}
.image-div img{
width: 100%;
height: auto;
}
.content-div{
width: 100%;
background: #fff;
float: left;
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}<div class="image-div">
<img src="https://pbs.twimg.com/media/B2XTRwtCAAEnqlP.jpg:large">
</div>
<div class="content-div">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet
lacus accumsan et viverra justo …