HTML将可点击图像放入有序列表中

时间:2015-07-23 15:28:28

标签: html image

我得到了这张暗淡的fedora照片,我想点击它来转到这个youtube视频,但点击框只是最左边的边框。

HTML:

    <div id="left_Background" >
        <ul>
            <a href="https://youtu.be/T99j7bw9eWo?t=64">
                <img id = "fedora" src ="https://img.4plebs.org/boards/pol/image/1385/75/1385757943224.jpg" style = "width: 230px";/>
            </a>
        </ul>
     </div>  

的CSS:

#left_Background {
    background-color: black;
    height:100%;
    width: 250px;
    float: left;
    overflow: visible;
    right: auto !important; 
    position: fixed ;
    left: -20px;
    max-width: 250px;
    z-index: -10;
}

编辑:格式化固定

2 个答案:

答案 0 :(得分:0)

你有没有试过漂浮&#39; a&#39;在CSS中,它覆盖了整个图像?

答案 1 :(得分:0)

你有一个ul标签,但里面没有li标签..也许尝试从这个开始